JavaScript Element insertAdjacentElement() 方法

• 

  JavaScript Element insertAdjacentElement() 方法

  insertAdjacentElement()方法将指定的元素插入指定的位置。合法的值有：

  • “afterbegin”
  • “afterend”
  • “beforebegin”
  • “beforeend”

  实例：

  将span元素移动到header元素之后：

  var s = document.getElementById("mySpan");
  var h = document.getElementById("myH2");
  h.insertAdjacentElement("afterend", s);
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  insertAdjacentElement()	8.0+	支持	48.0+	3.0+	9.6+

• 

  语法

  node.insertAdjacentElement(position, element)
• 

  参数值

  参数	类型	描述
  position	String	必需的。 相对于元素的位置。合法的值： “afterbegin” - 元素开始后（作为第一个孩子） “afterend” - 元素之后 “beforebegin” - 元素之前 “beforeend” - 在元素结束之前（作为最后一个孩子）
  element	HTML 元素	要插入的元素

• 

  更多例子

  使用“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);
  

  尝试一下