JavaScript修改元素

案例1 删除元素
如需删除 HTML 元素，需要清楚该元素的父元素
该js函数代码如下

function remove(){
    var parent=document.getElementById("demo");
    var child=document.getElementById("demo1");
    parent.removeChild(child);
}

演示：隐藏例1

案例2 追加元素
代码实例：

function append(){
    var para=document.createElement("p");
    var node=document.createTextNode("in the world.");
    para.appendChild(node);
    var element=document.getElementById("demo2");
    element.appendChild(para); 
}

演示：追加element

Across the Great Wall,

we can reach every conner

需要注意的是这些事件应该只执行一次，可以在函数外面加一个布尔变量声明为true，在函数 里面使用if语句，然后将布尔变量改变为false，这样就可以让onclick事件只执行一次了。

参考资料：w3cschool

转载于:https://www.cnblogs.com/sherlock-merlin/p/7191284.html