<script type="text/javascript">

        var body = document.querySelector('body');

        document.addEventListener('click',function(){

    //创建2个div元素

   //var rightdiv = document.createElement('div')

   var rightaaron = document.createElement("div");

   //给2个div设置不同的属性

   rightaaron.setAttribute('class', 'right')

   rightaaron.className = 'aaron'

   rightaaron.innerHTML = "动态创建DIV元素节点";

   //2个div合并成包含关系

   //rightdiv.appendChild(rightaaron)

  //绘制到页面body

  body.appendChild(rightaaron)

   },false)

    </script>

在这里，我没有用到rightdiv，我直接把rightarron加到body上面，我给rightaaron设置了css，但是没有用，点击文本时，只出来一行字，不是一个div块