appendChild
var para = document.createElement("p");
var testdiv = document.getElementById("testdiv");
testdiv.appendChild(para);
createTextNode
如果想加点文字在P中,不能用createElement,这个只能用于创建元素节点。你想创建一个文本节点。可以使用 createTextNode 方法。
其语法和createElement很相似。
document.createTextNode(text)
下面是如何创建文本“hello world”
document.createTextNode(“hello world”)
insertBefore
You can use insertBefore to insert a new element
before an existing element. You must specify three things:
1. the new element you want to insert,
2. the target element before which you want to insert it,
3. the parent of both elements.
Here’s the syntax:
parentElement.insertBefore(newElement,targetElement)
for instance:
A.parentNode.insertBefor(B,A)
你可能会想到会有个方法叫 insertAfter.不幸的是它根本不存在。妈的。
不过不要失望我们可以创建一个函数叫它“insertAfter”
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}