刪除/添加節點

HTML：html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>1</title>
</head>node

<body>
<input type="button" id="a" value="插入節點" />
<ul id="d">
<li>Beans</li>
<li>cheese</li>
<li>milk</li>
</ul>
<input type="button" id="b" value="刪除節點" />
</body>
<script src="Test03.js">
</script>
</html>app

JS：ui

// JavaScript Document
var a = document.getElementById("a");
   a.onclick = function(){
       var li = document.createElement("li"); //建立由li的標記
       var item1 = document.createTextNode("Item1"); //建立包含字符建立Item1的文本節點
       li.appendChild(item1); //將Item1的值插入到文本節點的末尾處
       }
   var ul = document.getElementById("d");
   var b = document.getElementById("b");
   b.onclick = function(){
       if(ul.hasChildNodes()){
           var li = ul.lastChild;
           while(li.nodeName=='#text'){
               li = li.previousSibling;
               }
            ul.removeChild(li); //用於刪除指定節點
           }

       }
   htm

刪除/添加 節點

刪除/添加節點