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

来源:爱站网时间:2019-03-10编辑:网友分享
有些朋友在用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>

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

上一篇:在HTML中使用JavaScript实例代码

下一篇:网页进度条的加载详情

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载