object.insertAdjacentElement(sWhere, oElement)在一个制定的位置插入一个元素

最新推荐文章于 2022-10-18 10:46:38 发布

fanhgye

最新推荐文章于 2022-10-18 10:46:38 发布

阅读量630

点赞数

分类专栏： JavaScript 文章标签： object insert list button function input

本文链接：https://blog.csdn.net/fanhgye/article/details/2132772

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

在一个临近的指定的位置插入一个元素.

语法：

oElement = object.insertAdjacentElement(sWhere, oElement)
参数：

sWhere 必需. 指出插入的位置, 用下名的值:
beforeBegin 在目标元素的外部开头位置. <i><o>..</o>
afterBegin 在目标元素的内部开头位置. <o><i>..</o>
beforeEnd 在目标元素的内部结束位置. <o>..<i></o>
afterEnd 在目标元素的外部结束位置. <o>..</o><i>

oElement 必需. 要插入的元素du.

Return Value

返回插入的元素对象.

备注

You cannot insert text while the document is loading. Wait for the onload event before attempting to call this method.
当document加载的时候，你不可以插入一个文本。在尝试调用这个方法之前，会等待载入事件结束。

If you try to insert an object that already exists on the page, the existing object will be moved to the point that you specified in the insertAdjacentElement method; no new object will be created.
如果你试图插入一个存在的对象，那么现存的对象将要移动到你指定的地方，不再重新创建一个对象。

Example
例子

This example uses the insertAdjacentElement method to add a new list item to an ol object.

HideExample

<SCRIPT>
function fnAdd()
{
var oNewItem = document.createElement("LI");
oList.children(0).insertAdjacentElement("BeforeBegin",oNewItem);
oNewItem.innerText = "List Item 0";
}
</SCRIPT>
:
<BODY>
<OL ID = "oList">
<LI>List Item 1</LI>
<LI>List Item 2</LI>
<LI>List Item 3</LI>
</OL>
<INPUT TYPE = "button" VALUE = "Add Item" οnclick="fnAdd()">
</BODY>