CharacterData: before() 方法

Baseline 已廣泛支援

此功能已成熟,可跨多種裝置和瀏覽器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有瀏覽器中可用。

CharacterData 介面的 before() 方法會在 CharacterData 節點的父級的子節點列表中,在 CharacterData 節點之前插入一系列 Node 物件和字串。

字串會被插入為 Text 節點;該字串被當作引數傳遞給 Text() 建構函式。

語法

js
before(...nodes)

引數

nodes

要插入的一組 Node 物件或字串。

返回值

無(undefined)。

異常

HierarchyRequestError DOMException

在無法在指定位置插入新節點時丟擲,即滿足以下任一條件時:

示例

before() 方法允許你在不改變當前節點資料的情況下,在 CharacterData 節點前插入新的節點。

js
const h1TextNode = document.querySelector("h1").firstChild;
h1TextNode.before("h1# ");

h1TextNode.parentElement.childNodes;
// NodeList [#text "h1# ", #text "CharacterData.before()"]

h1TextNode.data;
// "CharacterData.before()"

規範

規範
DOM
# ref-for-dom-childnode-before①

瀏覽器相容性

另見