метод insertBefore та як реалізувати метод insertAfter

Маленька покидька · Опубліковано 19.10.2018 11:17:51

Нативний метод js insertBefore використовується для вставки нового елемента перед елементом
Визначення:

Метод Node.insertBefore() вставляє вузол як дочірній вузол вказаного батьківського вузла перед референсним вузлом.

Синтаксис: parentElement.insertBefore(newElement, referElement)

Варто відзначити
1. Якщо newElement, який потрібно вставити, вже існує у дереві DOM, то виконання цього методу видалить вузол із дерева DOM.
2. Якщо referElement дорівнює нулю, то newElement додається до кінця дочірнього вузла батьківського вузла

Оскільки в JS немає нативного методу insertAfter, як реалізувати цю функцію?

Елементний вузол також має властивість: nextSibling, яка вказує на наступний дочірній елемент елемента, який є нульовим, якщо він уже є кінцевим дочірнім вузлом.

На основі вищезазначеного можна реалізувати функцію insertAfter

Вхід видно.

Фейїбан · Опубліковано 22.10.2018 14:02:53

Не погано

[JavaScript] метод insertBefore та як реалізувати метод insertAfter

Пов'язані дописи

Переглянуті розділи