DOM删除元素和更改css样式等方法

    1.创建元素
    首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。
    var p3=document.createElement("p");
    var node=document.createTextNode("you are beautiful!");//给元素内添加内容
    p3.appendChild(node);
    var par=document.getElementById("div1");
    par.appendChild(p3);
    2.删除元素
    var p1=document.getElementById("p1");//首先获取父元素，
    par.removeChild(p1);//在父元素下删除
    3.改变元素中的内容
    var p2=document.getElementById("p2").innerHTML="sdsfawsv";
    将another paragraph.改为sdsfawsv
    4.更改元素css样式
    var par=document.getElementById("div1").style.background ="red";

动态操作DOM元素

DOM提供了对元素的新建，插入，修改，删除，克隆等方法

createElement()方法：用于创建新元素对象

appendChild()方法：用于添加子节点。

InsertBefore(newNode,relNode)方法：用于插入新节点。

removeChild(Node):删除节点。

CloneNode():完成克隆节点操作。[参数为“true”深度克隆，“false”浅度克隆]