问答详情
源自:9-17 创建文本节点createTextNode

appendChild()???

<script type="text/javascript">

   var newnode=document.createElement("p");

   newnode.className="message";

   var newtext=document.createTextNode("I love JavaScript!");

   newnode.appendChild(newtext);

   document.body.appendChild(newnode);

   </script> 


appendChild()获取的是子节点,所以我们在appendChild(),之前会写上它的父元素节点。像代码中的document.body.appendChild(newnode);确实不错。

但是同样newnode.appendChild(newtext);这个我就看不懂了,newnode也就是<p>元素,不是appendChild()的父元素啊,那它的newtext的文本内容怎么会添加给<p>元素本身呢?

我很费解,求小伙伴解答一下,感谢!!!


提问者:Fayyiiii 2017-04-25 18:21

个回答

  • Fayyiiii
    2017-04-25 21:08:14

    http://img.mukewang.com/58ff4687000145a003950221.jpg

    newnode这个我理解,就是在body这个父元素下插入了newnode(<p>)这个子节点。

    我想知道“newtext”这个文本节点是不是newnode(<p>)的子节点?我总以为节点必须是元素,必须带有标签<>。希望能解答一下,感谢~~~

  • 学习js
    2017-04-25 18:50:11

    <p class="message">I love JavaScript!</p>,createTextNode这个是创建文本节点啊,newtext是p里面的内容啊,没毛病啊