html 判断页面有改动,JavaScript动态改变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);

}

这是第一段

这是第二段