插入节点appendChild()
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
appendChild(newnode)
参数:
newnode:指定追加的节点。
demo:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<ul id="test">
<li>JavaScript</li>
<li>HTML</li>
</ul>
<script type="text/javascript">
var otest = document.getElementById("test");
var newEle = document.createElement("li");//先创建一个新的标签li
newEle.innerHTML = "java";//赋值
otest.appendChild(newEle);//在最后一个子节点列表之后添加一个新的子节点。追加节点
</script>
</body>
</html>
运行结果:
JavaScript
HTML
java