JavaScript之元素对象的“增删改查”

一、增加元素

先创建一个空标签对象：

var ele=document.createElement("p");  //创建一个空的p标签对象

再添加上内容，并且修改样式：

ele.innerHTML="<h2>P标签</h2>";
ele.style.color="red";
ele.style.fontSize="20px";

最后就可以加到你需要的位置了，这里就加到这里就放到一个div1盒子里面：

	var fa=document.getElementsByClassName("div1")[0];  //获取对象
    fa.appendChild(ele);  //将ele添加进入fa盒子里

二、删除元素

先获取要删元素的所在位置：

var fa=document.getElementsByClassName("div1")[0];  //获取整个大的div1

再在所在位置里选中要删的元素：

var son=fa.getElementsByTagName("p")[0];

最后就可以进行删除操作了：

fa.removeChild(son);

三、更改元素

就是一个元素换成另外一个元素，比如这里将p标签换成img标签
先创建img标签：

var imgg=document.createElement("img"