HTML DOM insertAdjacentText() 方法

HTML DOM Element 对象

insertAdjacentText()方法将一个给定的文本节点插入在相对于被调用的元素给定的位置。

语法:

element.insertAdjacentText(position, text)
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterend", "Hello world");
测试看看‹/›

浏览器兼容性

表格中的数字指定了完全支持insertAdjacentText()方法的第一个浏览器版本:

方法
insertAdjacentText()488

参数值

参数描述
position相对于元素的位置。
合法值:
  • “ afterbegin”-元素开始之后(作为第一个孩子)

  • “ afterend”-元素之后

  • “ beforebegin”-元素之前

  • “ beforeend”-元素结束之前(作为最后一个子元素)

text您要插入的文字

技术细节

返回值:没有
例外情况:SyntaxError-指定的position(位置)不是可识别的值

更多示例

使用“ beginbegin”值:

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterbegin", "Hello world");
测试看看‹/›

使用“ beforebegin”值:

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforebegin", "Hello world");
测试看看‹/›

使用“ beforeend”值:

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforeend", "Hello world");
测试看看‹/›

相关参考

HTML DOM参考:element.insertAdjacentElement()方法

HTML DOM参考:element.insertAdjacentHTML()方法

HTML DOM参考:node.insertBefore()方法

HTML DOM参考:node.appendChild()方法

HTML DOM Element 对象