同学,谁帮注释一下这几句代码

来源:2-1 DOM创建节点及节点属性

new新的开始

2017-03-20 20:21

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


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

   

    //创建2个div元素

   var rightdiv = document.createElement('div')

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


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

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

   rightaaron.className = 'aaron'

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


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

 rightdiv.appendChild(rightaaron)

 

  //绘制到页面body

  body.appendChild(rightdiv)


   },false)


写回答 关注

4回答

  • 慕妹7007275
    2017-03-23 17:04:03

    appendChild()是向节点添加最后一个子节点

  • new新的开始
    2017-03-20 20:56:34

       rightaaron.className = 'aaron'      rightdiv.appendChild(rightaaron)  这两行不理解  我把 rightaaron.className = 'aaron'  这行删除了。。就不显示了。。这个应该是加类名而已。。为什么内容不显示出来



    洋葱宝宝

    去看style的.aaron里设置了什么,例子里这个class是空的,所以删了不会有区别

    2017-04-12 23:02:20

    共 1 条回复 >

  • 慕粉1038281832
    2017-03-20 20:56:10
  • 慕粉1038281832
    2017-03-20 20:54:31

    第一行是获取body对象,第二行是调用addEventListener方法,并附加一个触发事件。后面的注释都有了

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题