Sådan bruges HTML & Med Shadow DOM
HTML Slot er en af de mest bemærkelsesværdige standarder, der er lavet af W3C. Kombiner det med en anden imponerende W3C-standard, der hedder skabeloner, og du har en fantastisk concoction at arbejde med. Være i stand til Opret og tilføj HTML-elementer til en side ved hjælp af JavaScript er en nødvendig og vigtig opgave.
Det er nyttigt, når en kodestykke skal vises kun på bestemte tidspunkter, eller når du ikke ønsker at skrive hundredvis af tilsvarende strukturerede HTML-elementer, men vil automatisere processen.
Oprettelse af HTML-elementer i JavaScript er ikke så ønskeligt. Det er en besvær at tjekke og tjekke igen, hvis du har dækket alle tags, placeret dem i den rigtige rækkefølge, alt i alt er der bare også meget at skrive og holde styr på. Denne uro, dog, fik en løsning når tag fremkom. Hvis noget skal være tilføjet til siden dynamisk, du kan sætte det inde i element.
I dette indlæg vil jeg vise dig, hvordan du kan bruge tags sammen med JavaScript til opret en mini-HTML-tabelfabrik der kan oprette og udfylde hundredvis af lignende tabeller.
Det
Det tag indeholder HTML-kode som vil ikke blive gengivet af browsere indtil den er korrekt tilføjet til dokumentet ved hjælp af JavaScript. Det element.
EN Skygge DOM ligner en almindelig DOM (dokumentmodellen analyseret fra HTML). Det skaber et scoped træ (et Shadow DOM-træ), der har a egen rod og kan også have a egen stil.
Når du indsætter Shadow DOM-træet i et element i hoveddokumentet - bliver elementet så kaldt skygge vært -, alle barnets elementer i skyggeværten, der er markeret med slot attribut (ikke det samme som førnævnte
The Shadow DOM, som skrevet af denne artikel (juli 2017), er understøttes kun i WebKit- og Blink-baserede browsere men du kan til enhver tid kontrollere den faktiske tilstand af browser support på CanIUse.
Opsætning af HTML
Stadig forvirrende? Lad os se nogle kode, der begynder med element.
Inde Inde i skabelonen, Jeg har også tilføjet nogle grundlæggende stilarter til bordet ved hjælp af , der er en godt brug som en blueprint til skabe nogle tabeller det vil blive tilføjet til et dokument. Der er
og ) fungere som pladsholdere for kolonne titler og celle værdier. Hver slot har en unik navn tilskrive det identificerer det.