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

源自：2-1 DOM创建节点及节点属性

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

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)

提问者：new新的开始 2017-03-20 20:21

个回答

慕妹7007275

2017-03-23 17:04:03

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

1
new新的开始

2017-03-20 20:56:34

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

0
慕粉1038281832

2017-03-20 20:56:10

https://www.w3schools.com/jsref/met_document_addeventlistener.asp
这是addEventListener方法的解释

0
慕粉1038281832

2017-03-20 20:54:31

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

0