《Dom Spring 》Reading Notes，to be continue…

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);
}
}