appendChild()???

来源:9-17 创建文本节点createTextNode

Fayyiiii

2017-04-25 18:21

<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>元素本身呢?

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


写回答 关注

2回答

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

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

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

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

    _xz

    javascript 里的节点分为好几种 元素节点 1 属性节点 2 文本节点 3 可以自己去百度看看

    2017-07-26 17:18:33

    共 1 条回复 >

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

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

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题