語法
js
after(...nodes)
引數
返回值
無(undefined)。
異常
HierarchyRequestErrorDOMException-
當新節點無法插入到層級結構的指定位置時丟擲,即滿足以下任一條件時:
- 如果新增的一個節點會導致迴圈,即該節點是此
CharacterData節點的祖先。 - 如果新增的一個節點不是
DocumentFragment、DocumentType、Element或CharacterData。 - 如果此
CharacterData節點實際上是一個Text節點,並且其父級是Document。 - 如果此
CharacterData節點的父級是Document,並且要插入的節點之一是一個包含多個Element子節點或包含Text子節點的DocumentFragment。
- 如果新增的一個節點會導致迴圈,即該節點是此
示例
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① |
瀏覽器相容性
載入中…