вставка элементов после других в javascript

вставка элементов после существующих узлов является общей операцией в Javascript. Однако, хотя есть метод insertbefore (), он может добавлять элементы только перед эталонным узлом. Чтобы вставить элементы после, нам нужен альтернативный подход.

без библиотек

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

referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);

]
serficenceNode: элемент, после которого мы хотим вставить новый узел.
parentnode: родительский элемент Serformenode. SERECTENCENODE - это последний ребенок. INSERTBEFOR Обрабатывает этот случай, добавив новый узел в конце списка. SELECTENCENODE.ParentNode.insertBefore (newNode, serficeNode.nextibling); }
]

для проверки этой функции мы можем использовать следующий фрагмент: insertafter (serficencenode, newnode) { SELECTENCENODE.ParentNode.insertBefore (newNode, serficeNode.nextibling); } var el = document.createElement ("span"); el.innerhtml = "test"; var div = document.getElementbyId ("foo"); inserTafter (div, el);

это создаст новый элемент SPAN с текстом «Тест» и вставьте его после элемента Div с идентификатором «foo.»