                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

createTextNode和innerHTML区别？

答案的

var newtext= document.createTextNode("PHP");

newnode.appendChild(newtext);

这两行代码我发觉用

newnode.innerHTML="PHP";

也能代替输出，但有什么不同？应该选用哪个才是正确的？

鸡龟骨滚羹贵

2018-10-19

源自：JavaScript进阶篇 9-12

关注问题我要回答

1260

操作

收起

3 回答

狼王梦0_0
2019-08-20

createTextNode是创造一个文本节点，然后添加这个文本节点；

而底下的，是先创造节点，再用innerHTML去获取并改变，innerHTML能改变的不止文本节点。

官方：

innerHTML会将文本中包含的HTML代码实现效果，而createTextNode只是纯粹创造了文本节点，

所以返回的效果也就是纯文本内容。如果仅仅是想添加文字，两者都行，若是想添加包含html元素并要实现html效果，用innetHTML(也可以用dom方法：用createElement创建元素节点，在这个节点下创建文本节点，，这样会比较麻烦)

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

收起回答

iFlowers
2018-12-27

innerHTML可以用来获取和更新文本及标签，但添加的标签如果缺失关闭标签，可能会影响整个页面的设计。更坏的情况，使用innerHTML把用户提供内容添加到一个页面上，他们可能会添加恶意内容，如XSS攻击。

而createTextNode则可以避免以上情况，如果想在DOM中添加一个空元素，可以跳过它，在createElemen()后直接appendChild()即可。

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

收起回答

江户川柯南_qq
2018-10-22

innerHTML可以是一个dom，比如说一个table，textNode只是一个文本节点，显然，文本节点要小于innerHTML

,比如说body的innerHTML就是body下的所有

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

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 468044 人
解答问题 21891 个

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

进入课程

本课相似问答

2 回答createTextNode和.innerHTML有什么差别

3 回答createTextNode 和 innerHTML 在以下代码中的区别？使用innerHTML实现不了

1 回答textnode和innerHTML 区别

4 回答.innerHTML和.nodeValue区别

2 回答innerHTML和value区别

搜索更多本课相关问答

createTextNode和innerHTML区别？

我要回答关注问题

热搜

最近搜索清空

createTextNode和innerHTML区别？

3 回答

本课相似问答

createTextNode和innerHTML区别？