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

发布时间：2020-06-16 09:22 所属栏目：116 来源：站长网

导读：添加和删除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

添加和删除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>

（编辑：ASP站长网）