Version: Next
Node对象
元素节点、属性节点、文本节点
特点：所有DOM对象都可以看作是Node
方法
- CRUD DOM树
appendChild()向末尾添加新的子节点removeChild()删除当前节点指定的子节点replaceChild()替换当前节点指定的子节点getXxx()
属性
parentNode: 获取父节点
<body>
<div id="div1">
<div id="div2">
div1
</div>
</div>
<!--
超链接：
1. 可以被点击
2. 点击后跳转到href指定的url
需求：
保留1功能，去除2功能
href = "javascript:void(0);"
-->
<a href="javascript:void(0);" id="delete">删除div的子节点</a>
<a href="javascript:void(0);" id="add">给div添加子节点</a>
<script>
//删除div节点内的文本节点内容
//获取超链接
var element_a = document.getElementById("delete");
//绑定单击事件
element_a.onclick = function () {
var div1 = document.getElementById("div1");
div1.removeChild(div2);
}
var element_add = document.getElementById("add");
//绑定单击事件
element_add.onclick = function () {
var div1 = document.getElementById("div1");
//创建div节点
var div3 = document.createElement("div");
div3.setAttribute("id","div3");
div1.appendChild(div3);
}
var div = document.getElementById("div2");
document.write("父节点：" + div.parentNode);
</script>
</body>