2、下面的方法都差不多,我们通过一个示例来说明他们的用法。

insertBefore ( */ , Object/String o):新节点插入到指定节点之前;
 insertAfter ( */ , Object/String o):新节点插入到指定节点之后;
 insertFirst ( */ , Object/String o):新建节点并插入到指定节点作为第一个子节点;
 append(*/ , Object/String o):新建节点并插入到指定节点作为最后一个子节点;
 overwrite ( */ , Object/String o):替代指定节点内容;


参数:
*/:指定节点,类型可以为String/HTMLElement/Element
o:新节点,可以是dom对象(子孙)或裸HTML标记
示例:

6_6_1.html
 <div id="parent">
 <div id="c1">第1 个孩子</div>
 <div id="c2">第2 个孩子</div>
 <div id="c3">第3 个孩子</div>
 <div id="c4">第4 个孩子</div>
 <div id="c5">第5 个孩子</div>
 </