insertBefore() 方法

来源：互联网发布：国研网数据子库编辑：程序博客网时间：2024/05/01 15:45

XML DOM insertBefore() 方法

定义和用法

insertBefore() 方法可在已有的子节点前插入一个新的子节点。

此方法可返回新的子节点。

语法：

insertBefore(newchild,refchild)

参数描述newchild插入新的节点refchild在此节点前插入新节点

HTML DOM insertBefore() 方法

定义和用法

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

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

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

语法

node.insertBefore(newnode,existingnode)

参数

参数类型描述newnodeNode 对象必需。需要插入的节点对象。existingnodeNode object可选。在其之前插入新节点的子节点。如果未规定，则 insertBefore 方法会在结尾插入 newnode。

返回值

类型描述Node 对象。您插入的节点。

实例：

<body><ul id="myList"><li>Coffee</li><li>Tea</li></ul><p id="demo">请点击按钮向列表插入一个项目。</p><button onclick="myFunction()">试一下</button><script>function myFunction(){var newItem=document.createElement("LI")var textnode=document.createTextNode("Water")newItem.appendChild(textnode)var list=document.getElementById("myList")list.insertBefore(newItem,list.childNodes[0]);}</script><p><b>注释：</b><br>首先请创建一个 LI 节点，<br>然后创建一个文本节点，<br>然后向这个 LI 节点追加文本节点。<br>最后在列表中的首个子节点之前插入此 LI 节点。</p></body>

转自w3school

0 0