HTML DOM Element insertAdjacentText() 方法

定义和用法

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

合法的位置：

实例

例子 1

在标题元素后插入文本：

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

亲自试一试

例子 2

使用 "afterbegin"：

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

亲自试一试

例子 3

使用 "beforebegin"：

h2.insertAdjacentText("beforebegin", text);

亲自试一试

例子 4

使用 "beforeend"：

h2.insertAdjacentText("beforeend", text);

亲自试一试

语法

element.insertAdjacentText(position, text)

或

node.insertAdjacentText(position, text)

参数

浏览器支持

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