HTML DOM insertAdjacentElement() 方法
实例
将 span 元素移动到 header 元素之后:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
亲自试一试 »
定义和用法
insertAdjacentElement() 方法将指定的元素插入到指定的位置。
四种可用值:
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
浏览器支持
表中的数字表示支持该方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
语法
node.insertAdjacentElement(position, element)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| position | String | 必需。相对于元素的位置。 四种可用值: "afterbegin" - 在元素开始之后（作为第一个子元素） "afterend" - 元素之后 "beforebegin" - 在元素之前 "beforeend" - 在元素末尾之前（作为最后一个子元素） |
| element | HTML Element | 要插入的元素 |
更多实例
实例
使用 "afterbegin" 值:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
亲自试一试 »
实例
使用 "beforebegin" 值:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
亲自试一试 »
实例
使用 "beforeend" 值:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);
亲自试一试 »
