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

有些朋友在用HTML的时候总会遇到不少问题，这不，今天就有朋友找到小编，爱站小编做出了这个添加和删除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>

关于添加和删除HTML节点的简单示例就为大家介绍到此，如果大家还有疑问欢迎给我留言，爱站技术小编会及时回复大家的，同时也非常感谢大家对爱站技术频道的支持！