JavaScript DOM节点AppendChild()方法示例
<!DOCTYPE html>
<html>
<body style ="background-color:yellow">
<ul id="menu"><li>苹果</li><li>香蕉</li><li>芒果</li></ul>
添加到列表
<button onclick="myFunction()">添加</button>
<script type="text/javascript">
function myFunction()
{
var node = document.createElement("LI");
var textnode = document.createTextNode("荔枝");
node.appendChild(textnode);
document.getElementById("menu").appendChild(node);
}
</script>
</body>
</html>
JavaScript DOM节点AppendChild()方法
- 我们已经知道node对象用于表示和添加HTML文档中的节点。
- 文档中的节点可以是元素、属性、文本、注释，也可以是文档本身。
- 方法的作用是：添加一个节点作为节点的最后一个子节点，或者将一个元素从一个元素移动到另一个元素。
语法
node.appendchild(node)
日期：2020-04-18 01:09:23 来源：oir作者：oir