innerHTML与appendChild(newnodeText)的区别-慕课网

首页课程实战体系课手记专栏慕课教程

innerHTML与appendChild(newnodeText)的区别

来源：9-15 替换元素节点replaceChild()

蒲柳隐逸

2014-12-07 12:01

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

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

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

写回答关注

2回答

蒲柳隐逸

2014-12-08 22:53:51
貌似明白一些了，就是说比如诸如以下例子的情况是不一样的吧？
```
newnode.innerHTML="<b>Javascript</b>";

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

身披金甲圣衣...

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

2016-04-27 22:00:01

共 1 条回复 >
偌颜宁

2014-12-08 13:35:57

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

2 4

loszer

赞怒赞了

2015-01-26 19:42:19

共 2 条回复 >

JavaScript进阶篇

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

469067 学习 · 22582 问题

相似问题

value与innerHTML的区别？

回答 2

innerhtml 和 value的区别？

回答 2

value 和 innerHTML的区别

回答 3

.innerHTML和.nodeValue区别

回答 4

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

回答 4

打开慕课网App查看更多内容