添加和删除HTML节点的简单示例

来源:岁月联盟 编辑:zhu 时间:2007-12-03
添加和删除HTML节点的简单示例内容简介:添加和删除 HTML节点 的简单示例: 以下是引用片段: inputtype=buttononclick=appendnode()value=添加节点 inputtype=buttononclick=removenode()value=删除节点 divid=result/div script i=0 functionappendnode(){ o    添加和删除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>

图片内容