<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块
你看下是否是你这里的代码错了,你这里给rightaaron这个div设置了两次class,然后上面class为right被覆盖了,然后你又没有aaron这个class样式,所以是一行一行的
rightaaron.setAttribute('class', 'right')
rightaaron.className = 'aaron'
rightdiv.appendChild(rightaaron) 你这里已经把rightaaron放到rightdiv下面了,绘制到页面上时自然是要把rightdiv放到body下的
因为css的问题 aaron并没有对应的样式