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)
appendChild()是向节点添加最后一个子节点
rightaaron.className = 'aaron' rightdiv.appendChild(rightaaron) 这两行不理解 我把 rightaaron.className = 'aaron' 这行删除了。。就不显示了。。这个应该是加类名而已。。为什么内容不显示出来
https://www.w3schools.com/jsref/met_document_addeventlistener.asp
这是addEventListener方法的解释
第一行是获取body对象,第二行是调用addEventListener方法,并附加一个触发事件。后面的注释都有了
jQuery基础(二)—DOM篇
114012 学习 · 590 问题
相似问题