Page 120 - 6108
P. 120
Метод Node.remove() видаляє вузол Node із дерева DOM.
<div id="box">
<div id="one"></div>
<div id="two"></div>
</div>
let elem = document.querySelector("#one");
elem.remove();
Метод ChildNode.replaceWith() замінює вузол ChildNode у списку
дочірних його батька набором вузлів або об'єктів DOMString. Об'єкти
DOMString вставляються як еквівалентні текстові вузли.
let parent = document.createElement("div");
let child = document.createElement("p");
parent.appendChild(child);
var span = document.createElement("span");
child.replaceWith(span);
3.4.5 Атрибути і DOM-властивості
При парсінгу HTML-коду браузер генерує DOM-модель. При цьому
більшість стандартних HTML-атрибутів стають властивостями відповідних
об'єктів.
Наприклад, якщо тег виглядає як <body id = "page">, то у об'єкта буде
властивість body.id = "page".
Але це перетворення – не один-в-один. Бувають ситуації, коли атрибут має
одне значення, а властивість - інше. Буває і так, що атрибут є, а властивість з
такою назвою не створюється.
Раніше розглядалися деякі вбудовані властивості DOM-вузлів. Але,
технічно, ніхто нас ними не обмежує. Вузол DOM – це об'єкт, тому, як і будь-
який об'єкт в JavaScript, він може містити створені користувачем властивості і
методи.
Нестандартні властивості і методи видні тільки в JavaScript і ніяк не
впливають на відображення відповідного тегу.
Характеристика створених користувачем DOM-властивостей:
– можуть мати будь-яке значення.
– назви властивостей чутливі до регістру.
– працюють за рахунок того, що DOM-вузли є об'єктами JavaScript.
Елементам DOM, з іншого боку, відповідають HTML-теги, які мають
атрибути.
Доступ до атрибутів здійснюється за допомогою стандартних методів:
– elem.hasAttribute(name) – перевіряє наявність атрибута
– elem.getAttribute(name) – отримує значення атрибута
– elem.setAttribute(name, value) – встановлює атрибут
– elem.removeAttribute(name) – видаляє атрибут
Ці методи працюють зі значенням, яке знаходиться в HTML.
Також всі атрибути елемента можна отримати за допомогою властивості
elem.attributes, яке містить псевдо-масив об'єктів типу Attr.
На відміну від властивостей, атрибути:
– завжди є рядками;
