createElementById()
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
createElement()方法能够根据参数指定的标签名称创建一个新的元素,并返回新建元素的引用
var element = document.createElement(“tagName”);
//element表示新建元素的引用,tagName指定创建元素的标签名称
创建一个元素后,添加到父元素的中,用appendChilde添加到元素之中
var ul1 = document.getElementById(“ul1”);
//创建的li 元素添加到父元素的最后
var newLi = document.createElement(“li”);
newLi.innerText = “我是新建的li元素”;
ul1.appendChild(newLi);
如果加添的元素本来就存在 appendChild 将元素移动到父元素的最后
因为createElement()是要与appendChild() 或 insertBefore()方法联合使用,在下一篇,会重点介绍三个方法的使用。