1.document.write():例如:document.write("<p>This is a paragraph</p>")
,缺点:背离了行为与表现分离的原则。所以应该避免使用。
2.innerHTML属性:一旦使用innerHTML,元素内部的结构会被全部替换,而不会插入
3.document.createElement()方法创建元素节点。
4.document.createTextNode()方法创建文本内容。
4.appendChild()方法:语法:parent.appendChild(child);
5.insertBefore()方法:语法:parentElement.insertBefore(newElement, targetElement);
6.parentNode:父元素,所以insertBefore的语法还可写为:targetElement.parentNode.insertBefore(newElement, targetElement);
7.insertAfter()方法,DOM并没有提供这个方法,需要我们自己编写:
function insertAfter(newElement, targetElement) {
var parentElement = targetElement.parentNode;
if(targetElement == parentElement.lastChild) {
parentElement.appentChild(newElement);
} else {
parentElement.insertBefore(newElement, targetElement.nextSibling);
}
}
涉及到了,firstChild, lastChild, nextSibling三个方法。