1.appendChild（node）方法
是将新的元素当做子元素添加到已存在的元素中，并且是父元素中的最后一个子元素。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="div1">
<p id="p1">这是一个段落</p>
</div>
<script>
var para=document.createElement("p"); //首先创建一个元素
var txt=document.createTextNode("这又是一个段落"); //再创建一个文本节点
para.appendChild(txt);//往这元素后边添加这个文本节点，就是让这个p标签里有字
var x=document.getElementById("div1"); //找到现在有的元素，就是要加在哪个元素后边
x.appendChild(para);//往id=“div1”的块元素内加新建的节点
</script>
</body>
</html>
2.inserBefore（newnode，extingnode）方法
可将新建节点插入到某个子节点前边，extingnode可选，即要在哪个已存在的节点前添加新建节点，若不写则默认将新节点插在尾部。
//前面部分都不变，var element=document.getElementById("div1");
var child=document.getElementById("p1");
element.insertBefore(para，child);
newnode,existingnode
时间： 2024-08-12 00:46:57