JavaScript修改元素

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

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

演示:

案例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); 
}
演示:

Across the Great Wall,

we can reach every conner

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

参考资料:w3cschool

原文地址:https://www.cnblogs.com/sherlock-merlin/p/7191284.html