Як використовувати HTML & З Тіньовим DOM
HTML слот є одним з найбільш чудових стандартів, зроблених W3C. Поєднайте це з іншим вражаючим стандартом W3C шаблонів, і у вас є казкова суміш для роботи. Можливість створювати і додавати елементи HTML на сторінку використовуючи JavaScript це необхідне і важливе завдання.
Це корисно, коли потрібно виконати фрагмент коду з'являються лише в певний час, або коли ви не хочете вводити сотні подібно структурованих елементів HTML, але хочете автоматизувати процес.
Створення елементів HTML у JavaScript не так бажано. Якщо ви охопили всі теги, розмістили їх у правильному порядку, то в цілому, потрібно просто перевіряти та повторно перевіряти. теж багато вводити і відстежувати. Проте ця суматоха, отримали рішення коли з'явився тег. Якщо щось має бути динамічно додано до сторінки, Ви можете помістити його всередину елемент.
У цій посаді я покажу вам, як ви можете використовувати теги разом з JavaScript для створити міні-заводську таблицю HTML які можуть створювати і заповнювати сотні подібних таблиць.
The
The тег містить код HTML не відображатимуться веб-переглядачами доки він не буде належним чином доданий до документа, використовуючи JavaScript. The елемент.
A Тінь DOM подібний до звичайного DOM (модель документа проаналізована з HTML). Це створює оброблюване дерево (дерево Shadow DOM), яке має a власний корінь і може також мати a власний стиль.
Коли ви вставляєте дерево Shadow DOM в елемент головного документа - елемент буде називатися хост тіней -, всі дочірні елементи тіньового хоста, які позначені символом слот атрибут (не той самий, що й вищезгаданий
Тінь DOM, як і написання цієї статті (липень 2017), є підтримується лише у веб-переглядачах на основі WebKit та Blink але ви можете перевірити фактичний стан підтримки браузера CanIUse в будь-який час.
Налаштування HTML
Все ще незрозуміло? Давайте подивимося на деякий код, починаючи з елемент.
Всередині Всередині шаблону, Я також додав деякі основні стилі для таблиці, використовуючи , є добре використовувати як план для створення деяких таблиць що буде додано до документа. Існує
і ) діють як заповнювачі для назв стовпців і значень комірок. Кожен слот має унікальний ім'я приписуйте це ідентифікує його.