CharacterData: after() 方法

Baseline 已廣泛支援

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

CharacterData 介面的 after() 方法會在物件的父級子節點列表中,緊跟在該物件之後,插入一組 Node 物件或字串。

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

語法

js
after(...nodes)

引數

nodes

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

返回值

無(undefined)。

異常

HierarchyRequestError DOMException

當新節點無法插入到層級結構的指定位置時丟擲,即滿足以下任一條件時:

示例

after() 方法允許您在 CharacterData 節點之後插入新節點。

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

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

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

注意: 如果您想將文字追加到當前節點,可以使用 appendData() 方法將文字追加到當前節點的資料中。

規範

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

瀏覽器相容性

另見