JavaScript基础 -- 常见DOM树操作

1.创建并增加元素节点

1. <ul id="ul">
2. <li>1</li>
3. <li>2</li>
4. <li>3</li>
5. </ul>
7. <script>
8. var parentElement = document.getElementById("ul");
9. var NewNode= document.createElement("li");
10. NewNode.innerText="AddNode";
11. parentElement.appendChild(NewNode);
12. </script>

2.判断是否存在子节点

1. <ul id="ul">
2. <li>1</li>
3. <li>2</li>
4. <li>3</li>
5. </ul>
6. <ol id="ol"></ol>
8. <script>
9. var parentElement = document.getElementById("ul");
10. var parentElement2 = document.getElementById("ol");
11. if(parentElement.hasChildNodes()) {
12.  alert("<ul>有子节点");
13. }
14. if(parentElement2.hasChildNodes()) {
15.  alert("<ol>有子节点");
16. }
17. </script>

1. <ul id="ul">
2. <li>1</li>
3. <li>2</li>
4. <li>3</li>
5. </ul>
7. <script>
8. var parentElement = document.getElementById("ul");
9. var secondNode = parentElement.getElementsByTagName("li")[1];
10. parentElement.removeChild(secondNode);
11. </script>

JavaScript基础 -- 常见DOM树操作

原文：http://www.cnblogs.com/jeremy5810/p/7661713.html