首先前面有一句“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的子元素