A HTML és árnyék DOM használatával
HTML slot a W3C egyik legjelentősebb szabványa. Kombinálja ezt egy másik, W3C-vel felszerelt, szabványos szabványnak sablonok, és van egy mesés elképzelése, hogy dolgozzon. Képes HTML elemek létrehozása és hozzáadása oldalra JavaScript használatával szükséges és fontos feladat.
Ez akkor hasznos, ha egy kódrészletre van szükség csak bizonyos időpontokban jelenik meg, vagy ha nem szeretne több száz hasonlóan strukturált HTML elemet beírni, de szeretné automatizálja a folyamatot.
HTML elemek létrehozása a JavaScript-ben nem annyira kívánatos. Kétségbe kell vennie, hogy ellenőrizze és ellenőrizze, hogy az összes címkét lefedte-e, helyes sorrendbe helyezte őket, mindent összevetve, csak van is sokat kell írni és nyomon követni. Ez a zűrzavar azonban, megoldást kapott amikor az megjelent a címke. Ha valami kell dinamikusan hozzáadta az oldalt, belehelyezheted elem.
Ebben a bejegyzésben megmutatom, hogyan használhatja a címkék együtt a JavaScripthez hozzon létre egy mini HTML asztali gyárat amelyek több száz hasonló táblát hozhatnak létre és tölthetnek be.
A
A a címke HTML kódot tartalmaz nem böngészők addig, amíg a JavaScript megfelelően hozzá lett adva a dokumentumhoz. A elem.
A Árnyék DOM hasonló a rendszeres DOM-hoz (a HTML-ről elemzett dokumentummodell). Azt létrehoz egy lefejtett fát (egy árnyék DOM fa), amely a saját gyökere és lehet egy saját stílusa.
Amikor behelyezi az árnyék DOM-fát a fődokumentum egyik elemébe, akkor az elemet az shadow host -, az árnyékhordozó összes gyermekeleme, amelyet a rés attribútum (nem azonos a fentiekkel
A Shadow DOM, a cikk írása (2017. július), az csak WebKit- és Blink-alapú böngészőkben támogatott de bármikor ellenőrizheti a CanIUse böngésző támogatásának aktuális állapotát.
A HTML beállítása
Még mindig zavaró? Lássunk néhány kódot, kezdve a elem.
Belül A sablonon belül, Én is hozzáadtam néhány alapvető stílus az asztalhoz a , van egy jól használni mert egyes táblák létrehozása ezt hozzáadjuk egy dokumentumhoz. Vannak
és ) helyőrzőként jár el az oszlopcímek és a cellák értékei. Minden slot egyedülálló név attribútumot azonosítja.