Jak korzystać z HTML & Z Shadow DOM
Slot HTML jest jednym z najbardziej niezwykłych standardów opracowanych przez W3C. Połącz to z innym imponującym standardem W3C szablony, i masz wspaniałą miksturę do pracy. Mogąc tworzyć i dodawać elementy HTML na stronę używając JavaScript jest koniecznym i ważnym zadaniem.
Jest to przydatne, gdy fragment kodu musi pojawiają się tylko o określonych porach, lub gdy nie chcesz wpisywać setek podobnie ustrukturyzowanych elementów HTML, ale chcesz automatyzuj proces.
Tworzenie elementów HTML w JavaScript to nie tak pożądane. Trudno jest sprawdzać i sprawdzać, czy wszystkie znaczniki zostały zakryte, umieścić je we właściwej kolejności, w sumie, jest tylko zbyt wiele do wpisania i śledzenia. Jednak to zamieszanie, mam rozwiązanie kiedy pojawił się tag. Jeśli coś musi być dodawany do strony dynamicznie, możesz umieścić go w środku element.
W tym poście pokażę ci, jak możesz użyć tagi wraz z JavaScript do utwórz fabrykę tabeli mini HTML które mogą tworzyć i wypełniać setki podobnych tabel.
The
The tag zawiera kod HTML nie będą renderowane przez przeglądarki dopóki nie zostanie poprawnie dodany do dokumentu, za pomocą JavaScript. The element.
ZA Shadow DOM jest podobny do zwykłego DOM (model dokumentu analizowany z HTML). To tworzy drzewo o zasięgu (drzewo Shadow DOM), które ma własny korzeń i może również mieć własny styl.
Po wstawieniu drzewa Shadow DOM do elementu w głównym dokumencie - element zostanie nazwany gospodarz cieni -, wszystkie elementy potomne hosta-cienia oznaczone symbolem otwór atrybut (nie taki sam jak wyżej wspomniany)
The Shadow DOM, pisząc ten artykuł (lipiec 2017), są obsługiwane tylko w przeglądarkach opartych na WebKit i Blink ale możesz sprawdzić aktualny stan obsługi przeglądarki w CanIUse w dowolnym momencie.
Konfigurowanie HTML
Nadal mylące? Zobaczmy jakiś kod, zaczynając od element.
Wewnątrz Wewnątrz szablonu, Dodałem też niektóre podstawowe style dla tabeli, używając , jest dobrze używaj jako planu dla tworzenie niektórych tabel które zostaną dodane do dokumentu. Tam są
i ) działając jako symbole zastępcze dla tytułów kolumn i wartości komórek. Każde gniazdo ma unikalny imię przypisz to identyfikuje to.