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

关于appendChild的问题 希望有网友能解答

这个replaceChild我是懂了但是appendChild反而被弄糊涂了.

这个案例里面的appendChild好像和之前的9-12中的讲的不一样是另外一种效果。按照之前9-12节里面讲的appendChild只是给一个父节点里面的子节点后面追加一个新的子节点。但是在这个案例中运用了 新节点元素.appendChild(新文本节点) 这样的方式。如果按照之前的理解就是在这个新创建的 P节点元素后面追加一个新的内容为 JavaScript的文本节点。然而此例中达到的效果却是类似于 新节点元素.innerHTML= 新文本节点

感觉就不是追加而是把这个文本节点塞入到了P元素标签里面 两个合二为一的感觉。那么我就对这个appendChild()方法的具体涵义有了疑问。

http://img1.sycdn.imooc.com//5eb369f200013ac515450647.jpg

正在回答

4 回答

案例没问题
父节点.appendChild(最后一个子节点之后的新的子节点newnode)


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

你好像没搞懂,文本节点和元素节点,还有父子节点的关系呀

比如这个例子:<li>我是文本<li>

这里 li标签就是元素节点,而“我是文本”则是文本节点,这个文本节点又被li标签包裹住了,

所以说“我是文本”是li标签的子节点

对这个子节点的创造有很多,其中可以

  1. 修改li的InnerHTML或innerText来修改它里面的文本节点内容

  2. 就是单独创造文本节点createTextNode,然后再通过appendChild方法插入到li标签里

而替换节点,rereplaceChild,你针对谁的替换,就换谁,而换入的新节点是包括其内部所有属性的(也就是新节点的子节点也会一并塞入)

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

我也是和你一样的问题,我尝试了一下,使用newnode.innerHTML = “JavaScript”方法。也是可以行得通的。现在就是在等待大佬们的回复!!!!


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

举报

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

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

进入课程

关于appendChild的问题 希望有网友能解答

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