insertAdjacentText()

创建于 2024-12-03 / 39
字体: [默认] [大] [更大]

❮ Element 对象

实例

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

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

定义和用法

insertAdjacentText() 方法将指定元素插入到指定位置。

四种可用值:

"afterbegin"
"afterend"
"beforebegin"
"beforeend"


浏览器支持

表中的数字表示支持该方法的第一个浏览器版本。

方法
insertAdjacentText() Yes Yes 48 Yes Yes

语法

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"); 亲自试一试 »

❮ Element 对象


0 人点赞过