同學(xué),誰(shuí)幫注釋一下這幾句代碼
? ? ? var body = document.querySelector('body');
? ? ? ? document.addEventListener('click',function(){
? ?
? ? //創(chuàng)建2個(gè)div元素
? ?var rightdiv = document.createElement('div')
? ?var rightaaron = document.createElement("div");
? ?//給2個(gè)div設(shè)置不同的屬性
? ?rightdiv.setAttribute('class', 'right')
? ?rightaaron.className = 'aaron'
? ?rightaaron.innerHTML = "動(dòng)態(tài)創(chuàng)建DIV元素節(jié)點(diǎn)";
? ?//2個(gè)div合并成包含關(guān)系
?rightdiv.appendChild(rightaaron)
?
? //繪制到頁(yè)面body
? body.appendChild(rightdiv)
? ?},false)
2017-03-23
appendChild()是向節(jié)點(diǎn)添加最后一個(gè)子節(jié)點(diǎn)
2017-03-20
? ?rightaaron.className = 'aaron' ? ???rightdiv.appendChild(rightaaron) ?這兩行不理解 ?我把?rightaaron.className = 'aaron' ?這行刪除了。。就不顯示了。。這個(gè)應(yīng)該是加類(lèi)名而已。。為什么內(nèi)容不顯示出來(lái)
2017-03-20
https://www.w3schools.com/jsref/met_document_addeventlistener.asp
這是addEventListener方法的解釋
2017-03-20
第一行是獲取body對(duì)象,第二行是調(diào)用addEventListener方法,并附加一個(gè)觸發(fā)事件。后面的注釋都有了