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

innerHTML与appendChild(newnodeText)的区别

//这是第一种方法
newnode.innerHTML="Javascript";

//这是第二种方法
var newnodeText=document.createTextNode("Javascript");
newnode.appendChild(newnodeText);

这两种方法有什么区别呢？

蒲柳隐逸

2014-12-07

源自：JavaScript进阶篇 9-15

关注问题我要回答

3054

操作

收起

2 回答

蒲柳隐逸提问者
2014-12-08

貌似明白一些了，就是说比如诸如以下例子的情况是不一样的吧？

newnode.innerHTML="<b>Javascript</b>";

var newnodeText=document.createTextNode("<b>Javascript</b>");
newnode.appendChild(newnodeText);

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

收起回答

身披金甲圣衣的一条狗

那这样的话creatTextNode不是显得很鸡肋，没别人好用还复杂

2016-04-27 回复有任何疑惑可以回复我~

偌颜宁
2014-12-08

innerHTML和createTextNode都可以把一段内容添加到一个节点中，区别是如果这段内容中有html标签时表现就不同了，在createTextNode中会当作文本处理，不会被浏览器解析，但用innerHTML就会被当作HTML代码处理

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

收起回答

蒲柳隐逸提问者

谢谢你啦

2014-12-08 回复有任何疑惑可以回复我~

loszer

赞怒赞了

2015-01-26 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

2 回答value与innerHTML的区别？

2 回答innerhtml 和 value的区别？

2 回答求innerHTML与innerText的差别

4 回答document.getElmentById("id")与document.getElmentById("id").innerHTML的区别

3 回答value 和 innerHTML的区别

搜索更多本课相关问答

innerHTML与appendChild(newnodeText)的区别

我要回答关注问题

热搜

最近搜索清空

innerHTML与appendChild(newnodeText)的区别

2 回答

本课相似问答

innerHTML与appendChild(newnodeText)的区别