php 改变页面元素,JavaScript动态改变HTML页面元素例如添加或删除

这篇文章主要介绍了关于JavaScript动态改变HTML页面元素例如添加或删除，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

HTML页面元素可以通过js动态改变，比如可以向HTML中添加元素或删除某个元素，下面为示例代码，感兴趣的朋友不要错过

可以通过JavaScript动态的改变HTML中的元素

向HTML中添加元素

首先需要创建一个标签，然后向该标签中添加相应的内容，然后将创建好的标签添加到相应的位置。

测试文档

function add(){

var element = document.createElement("p");

var node = document.createTextNode("添加新段落");

element.appendChild(node);

x = document.getElementById("demo");

x.appendChild(element);

}

这是第一段

删除HTML中的某个元素

测试文档

function deleteE(){

var father = document.getElementById("demo");

var child = document.getElementById("p1");

father.removeChild(child);

}

这是第一段

这是第二段

相关推荐：