CharacterData: метод after()

Метод after() интерфейса CharacterData вставляет набор объектов Node или строк в список дочерних элементов родительского объекта, сразу после самого объекта.

Строки вставляются в виде узлов Text; строка передаётся в качестве аргумента конструктору Text().

nodes

Набор объектов Node или строк для вставки.

HierarchyRequestError DOMException

Выбрасывается, когда новые узлы не могут быть вставлены в указанную точку иерархии, то есть если выполняется одно из следующих условий:

• Если вставка одного из добавленных узлов приведёт к циклу, то есть если один из них является предком этого узла CharacterData.
• Если один из добавленных узлов не является DocumentFragment, DocumentType, Element или CharacterData.
• Если этот узел CharacterData фактически является узлом Text, а его родитель — Document.
• Если родитель этого узла CharacterData — Document, и один из узлов для вставки — DocumentFragment с более чем одним дочерним элементом Element или содержащим дочерний узел Text.

Метод after() позволяет вставить новые узлы после узла CharacterData.

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

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

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

• CharacterData.appendData()
• CharacterData.before()
• DocumentType.after()
• Element.after()
• Element.append()
• Node.appendChild()
• Element.insertAdjacentElement()