document.write()方法 ---快捷在文档里插入字符串
缺点:需要在<body>里使用<script>标签才能调用,违背“行为应该与表现分离”的原则。
innerHTML属性 ----支持读取和写入。缺点:无细节。
DOM方法
1、createElement方法---创造元素
语法:document.createElement(nodeName)
2、appendChild方法---附加在父元素最后
语法:parent.appendChild(child)
3、createTextNode方法---创造文本节点
语法:document.createTextNode(text)
4、insertBefore()方法---把新元素插入现有元素的前面
新元素newElement
目标元素targetElement
父元素:目标元素的父元素parentElement(parentNode)
语法:parentElement.insertBefore(newElement,targetElement)
5、nextSibling属性---紧接在后兄弟元素
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement){
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
DOM方法和属性写一个insertAfter函数,实现把节点插入另一个节点之后。