Så här använder du HTML & Med Shadow DOM
HTML Slot är en av W3C: s mest anmärkningsvärda standarder. Kombinera det med en annan imponerande W3C-standard som heter mallar, och du har en fantastisk sammansättning att arbeta med. Att kunna skapa och lägg till HTML-element till en sida använder JavaScript är en nödvändig och viktig uppgift.
Det är användbart när ett kodfragment måste visas bara vid vissa tillfällen, eller när du inte vill skriva ut hundratals liknande strukturerade HTML-element men vill automatisera processen.
Skapa HTML-element i JavaScript är inte så önskvärt. Det är ett krångel som måste kolla och kontrollera om du har täckt alla taggar, placerat dem i rätt ordning, allt är det bara för mycket att skriva och hålla reda på. Denna oro, dock, fick en lösning när tagg uppträdde. Om något behöver vara läggs till sidan dynamiskt, du kan lägga den inuti element.
I det här inlägget kommer jag att visa dig hur du kan använda taggar tillsammans med JavaScript till skapa en mini HTML-tabellfabrik som kan skapa och fylla i hundratals liknande tabeller.
De
De taggen innehåller HTML-kod som kommer inte att göras av webbläsare tills det är korrekt lagt till i dokumentet, med hjälp av JavaScript. De element.
en Skugg DOM liknar en vanlig DOM (dokumentmodellen tolkas från HTML). Det skapar ett scoped träd (ett Shadow DOM-träd), som har a egen rots och kan också ha en egen stil.
När du lägger in Shadow DOM-trädet i ett element i huvuddokumentet - kommer elementet då att kallas skugg värd -, alla barnelementen i skuggvärden som är markerade med spår attribut (inte samma som ovan nämnda
Skuggan DOM, som att skriva denna artikel (juli 2017), är stöds endast i WebKit- och Blink-baserade webbläsare men du kan när som helst kontrollera det faktiska läget för webbläsarsupport på CanIUse.
Ställa in HTML
Fortfarande förvirrande? Låt oss se någon kod, som börjar med element.
Inuti Inuti mallen, Jag har också lagt till några grundläggande stilar för bordet, med hjälp av , det finns en väl använd som en ritning för skapa några tabeller som läggs till i ett dokument. Det finns
och ) agerar som platshållare för kolumntitlarna och cellvärdena. Varje slot har en unik namn ange det identifierar den.