首先前面有一句“var rightdiv = document.createElement('div')”是聲明了一個變量rightdiv，這個變量的賦值是創建了一個div標簽，所以rightdiv就是一個div標簽。“body.appendChild(rightdiv)”這句話是把創建的這個div標簽放到了body中。

定義和用法

querySelector() 方法返回文檔中匹配指定 CSS 選擇器的一個元素。

注意： ?querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素，請使用 querySelectorAll() 方法替代。

var body = document.querySelector('body');這句話是取DOM的操作。

我查到的資料是：HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便地從DOM選取元素，功能類似于jQuery的選擇器。

它并沒有再創建一個body

var body = document.querySelector('body');這個是不是說body里面存的是body標簽里的第一個元素，那也就是“動態創建。。?！边@一句文字，那應該顯示也是兩個這樣的文字，為什么只有一個

在你定義的body里面生成（插入）一個你定義的rightdiv的子元素