JavaScript创建元素的三种方法特点及对元素的操作

用js代码创建或添加html元素有三种方法

1. document.writer()
   

document.write("<p>我就是p1</p>");

注意：当调用document.writer()这个方法，如果页面是在加载时，则是在页面中添加该元素。如果页面加载完毕后在调用document.writer()方法去创建元素，已加载的页面则会被清空

2. 对象.innerHTML：在该对象创建其子元素

对象.innerHTML = "<p>我是p1</p>"

注意：对象调用这个方法会清空该对象所有的子元素后再添加元素

3. 首先文档创建元素document.createElement("元素")，然后在用对象追加这个元素

//点击按钮，在div中追加p元素
document.getElementById("btn").onclick = function(){
	var dv = document.getElementById("dv");
	var pObj =  document.createElement("p");
	pObj.innerText = "我是p";
	dv.appendChild(pObj);
	}

对象对元素的操作：
对象.appendChild(元素对象)：在对象的最后一个子元素后面 对象.insertBefore(新元素,指定子元素)：新元素添加在对象的指定子元素前，若找不到指定子元素则追加在后面 对象.replaceChild(新元素，指定子元素)：新元素替换对象的指定子元素 对象.removeChild(指定元素)：移除对象中的指定子元素