添加和刪除HTML節點的簡單示例

 添加和刪除HTML節點的簡單示例

<input type="button" onclick="appendnode()" value="添加節點">
<input type="button" onclick="removenode()" value="刪除節點">
<div id="result"></div>
<script>
i=0
function appendnode() {
o=document.createElement("DIV");
o.innerHTML="test"+i
document.getElementById('result').appendChild(o);
i++
}

function removenode(){
var x = document.getElementById('result');
x.removeChild(x.lastChild) //從最後個節點刪除
}
</script>