为了账号安全,请及时绑定邮箱和手机立即绑定

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

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


正在回答

2 回答

http://img1.sycdn.imooc.com//58ff4687000145a003950221.jpg

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

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

0 回复 有任何疑惑可以回复我~
#1

_xz

javascript 里的节点分为好几种 元素节点 1 属性节点 2 文本节点 3 可以自己去百度看看
2017-07-26 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468195    人
  • 解答问题       21891    个

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

进入课程

appendChild()???

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信