Копиране на DOM елементи

Как да премахваме и клонираме DOM елементи

За да премахнете елемент от DOM, трябва да достъпите неговия родител и да използвате метод за изтриване върху него. Клонирането позволява да създадете копие на съществуващ елемент, без да го изграждате наново. Най-важното е да запомните, че при копиране можете да изберете дали да включите и вложените елементи, или само самия контейнер.

Стъпка по стъпка: премахване и копиране на елемент

1. Изберете елемента (например „profile“) и го запазете в променлива.
2. Достъпете неговия родител чрез parentNode.
3. Извикайте метод за премахване върху родителя и подайте като аргумент елемента, който искате да изтриете.
4. За клониране извикайте метода за копиране върху избрания елемент и подайте true или false според това дали искате да копирате и вложените елементи.
5. Добавете новото копие в DOM чрез метод за вмъкване, например преди съществуващ елемент.

Използвани методи и свойства

• parentNode – връща родителския елемент в DOM дървото.
• removeChild() – премахва подаден дъщерен елемент от родителя.
• cloneNode(true/false) – създава копие на елемент; true копира и вложените елементи, false – само самия елемент.
• insertBefore() – вмъква елемент преди друг съществуващ елемент в DOM.

Практикувайте с различни елементи в навигация или списък, за да затвърдите разликата между клониране с и без вложено съдържание.