JavaScript Element insertAdjacentText() 方法

• 

  JavaScript Element insertAdjacentText() 方法

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

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

  实例：

  在指定的标题元素后插入文本：

  var h = document.getElementById("myH2");
  h.insertAdjacentText("afterend", "My inserted text");
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  insertAdjacentText()	支持	支持	48.0+	支持	支持

• 

  语法

  node.insertAdjacentText(position, text)
• 

  参数值

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

• 

  更多例子

  使用“afterbegin”值：

  var h = document.getElementById("myH2");
  h.insertAdjacentText("afterbegin", "My inserted text");
  

  尝试一下

  使用“beforebegin”值：

  var h = document.getElementById("myH2");
  h.insertAdjacentText("beforebegin", "My inserted text");
  

  尝试一下

  使用“beforeend”值：

  var h = document.getElementById("myH2");
  h.insertAdjacentText("beforeend", "My inserted text");
  

  尝试一下