代码改成我这样为什么就不行?

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

qq_梦里_0

2016-07-27 15:47

<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块

写回答 关注

3回答

  • 我学C语言
    2016-08-24 22:21:07

    你看下是否是你这里的代码错了,你这里给rightaaron这个div设置了两次class,然后上面class为right被覆盖了,然后你又没有aaron这个class样式,所以是一行一行的

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

       rightaaron.className = 'aaron'


  • 一仁
    2016-08-01 18:01:30

    rightdiv.appendChild(rightaaron)  你这里已经把rightaaron放到rightdiv下面了,绘制到页面上时自然是要把rightdiv放到body下的

  • 习惯丶大菠萝
    2016-07-27 16:09:00

    因为css的问题 aaron并没有对应的样式

    qq_梦里_...

    你能说清楚一点吗?我还是不懂。

    2016-07-27 18:24:22

    共 1 条回复 >

jQuery基础(二)—DOM篇

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

114014 学习 · 590 问题

查看课程

相似问题