javascript中的插入节点，元素之间是怎么插入的？

可以使用JavaScript自带的insertBefore。

实例

向列表中插入一个项目：

document.getElementById("myList").insertBefore(newItem,existingItem) 定义和用法：

insertBefore() 方法在您指定的已有子节点之前插入新的子节点。

提示：如果您希望创建包含文本的新列表项，请记得创建文本节点形式的文本，以便追加到 LI 元素中，然后向列表插入这个 LI。

您也可以使用 insertBefore 方法插入/移动已有元素。

实例：

把一个列表项从一个列表移动到另一个中：

var node=document.getElementById("myList2").lastChild

var list=document.getElementById("myList1")

list.insertBefore(node,list.childNodes[0])

插入之前：

Coffee

Tea

Water

Milk

插入之后：

Milk

Coffee

Tea

Water

最简单的方法就是用元素的innerHTML属性赋值，如：

myNewElement.innerHTML = “我是文本”

但这样并不能清晰的体现DOM中新增加了一个文本节点，容易出错。

另一种添加文本节点的方式，可分为两步：

1、创建节点：文本节点的创建使用createTextNode方法，如：

var myText = document.createTextNode(“我是文本”)

2、将创建的节点用appendChild方法添加某个元素下。如：

myNewElement.appendChild(myText)

这样myNewElement就有myText的文本节点，文本节点的内容是“我是文本”。这个我在一个叫秒秒学的网 站上过了一遍，你可以看看。

---