HTML5技术

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

字号+ 作者:H5之家 来源:H5之家 2015-09-19 18:48 我要评论( )

添加和删除HTML节点的简单示例,学习添加和删除HTML节点的简单示例,添加和删除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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评