目录

HTML DOM 元素 insertAdjacentText()

示例

在标题元素后插入文本:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);
亲自试一试 »

描述

这个insertAdjacentText()方法将文本插入到指定位置。

法律地位:

描述
开始后 在元素开始之后(第一个子元素)
尾声 元素之后
开始之前 元素之前
之前 元素结束之前(最后一个子元素)

语法

element.insertAdjacentText( position, text)
node.insertAdjacentText( position, text)

参数

Parameter Description
position Required.
A position relative to the element:
afterbegin
afterend
beforebegin
beforeend
text The text to insert.


更多示例

示例

使用"afterbegin":

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);
亲自试一试 »

示例

使用"beforebegin":

h2.insertAdjacentText("beforebegin", text);
亲自试一试 »

示例

使用"beforeend":

h2.insertAdjacentText("beforeend", text);
亲自试一试 »

浏览器支持

element.insertAjacentText()所有浏览器都支持:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes