createTextNode 和 innerHTML 的区别

2021-03-26 16:25

阅读:678

标签: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


评论


亲,登录后才可以留言!