javascript document.createElement() document.createTextNode()

Posted 2020-11-16 悦耳

//--------------document.createElement("div")     
var div = document.createElement("div");
div.innerText = "abc";
效果就是
//<div>abc</div>



//---------------document.createTextNode()创建一个文本节点
var div = document.createElement("div");
div.appendChild(document.createTextNode("你想要的文本内容"));//document.createTextNode()创建一个文本节点
//<div>你想要的文本内容</div>



var style = document.createElement("style");
style.type="text/css";

 appendChild(）：

var node = document.createElement("LI");            //创建<li>节点
var textnode = document.createTextNode("Water");         //创建一个文本节点
node.appendChild(textnode);                              //将文本附加到<li>里面
document.getElementById("myList").appendChild(node);     //将<li>添加到<ul>，id =“myList”里面

扩充：使用 insertBefore()方法在指定的现有子节点之前插入新的子节点。