码迷,mamicode.com
首页 > Web开发 > 详细

createTextNode 和 innerHTML 的区别

时间:2020-04-05 18:58:30      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:inner   插入   hello   bsp   nod   test   文本   一个   element   

createTextNode创建文本节点:创建的是纯文本,创建完后是未被插入DOM的节点树。需要用到appendChild之类的方法。

例子:

//获取节点ID位置
var testdiv = document.getElementById("testdiv")
//首先是创建一个节点P
var ppp = document.createElement("p");
//创造一个文本节点
var textp = document.createTextNode("hello world");
//将节点P插入testdiv
testdiv.appendChild(ppp);
//将文本节点插入节点P
ppp.appendChild(textp);

 

innerHTML属性无细节可言。要想获得细节,就必须使用DOM方法和属性。不过,当只需要把一大段的HTML内容插入网页时,innerHTML属性更合适。支持读取,写入。

插入的内容能识别HTML代码。

createTextNode 和 innerHTML 的区别

标签:inner   插入   hello   bsp   nod   test   文本   一个   element   

原文地址:https://www.cnblogs.com/CZheng7/p/12638135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!