Kuidas kasutada HTML & Shadow DOM-iga
HTML Slot on üks W3C kõige olulisemaid standardeid. Ühendage see teise muljetavaldava W3C standardiga malle, ja teil on vapustav käsitsemine. Võimeline HTML-elementide loomine ja lisamine lehele JavaScript on vajalik ja oluline ülesanne.
See on kasulik, kui koodilõigu peab olema ilmuvad ainult teatud aegadel, või kui te ei soovi välja kirjutada sadu sarnaselt struktureeritud HTML-elemente, vaid soovid protsessi automatiseerimine.
HTML-elementide loomine JavaScriptis on mitte nii soovitav. See on kiusame, et kontrollida ja kontrollida, kas olete kõik sildid katnud, paigutanud need õigesse järjekorda, kokku on olemas ka palju kirjutada ja jälgida. See segadus aga, sain lahenduse kui silt ilmus. Kui midagi peab olema lisatud lehele dünaamiliselt, saate selle selle sisemusse panna element.
Selles postituses näitan teile, kuidas seda kasutada sildid koos JavaScriptiga luua mini HTML tabeli tehas see võib luua ja asustada sadu sarnaseid tabeleid.
The
The silt omab HTML-koodi brauserid seda ei tee kuni see on õigesti lisatud dokumendile, kasutades JavaScripti. The element.
A Shadow DOM on sarnane tavalise DOM-iga (HTML-i poolt analüüsitud dokumendimudel). See loob loetud puu (Shadow DOM puu), millel on a oma juur ja võib olla ka a stiili.
Kui sisestate Shadow DOM puu põhidokumendi elemendisse, siis nimetatakse elementi vari host -, kõik varjehoidja lapse elemendid, mis on tähistatud tähega pesa atribuut (mitte sama, mis ülalnimetatud
Shadow DOM, alates selle artikli kirjutamisest (juuli 2017), on toetatakse ainult WebKit- ja Blink-põhistes brauserites kuid saate vaadata CanIUse'i brauseritoe tegelikku olekut igal ajal.
HTML-i seadistamine
Ikka veel segane? Vaatame koodi, alustades element.
Toas Malli sees, Olen ka lisanud mõned põhilised stiilid tabeli jaoks , seal on me kasutada plaanina jaoks mõnede tabelite loomine see lisatakse dokumendile. Seal on
ja ) tegutsevad kohanäitajatena veerude pealkirjade ja lahtri väärtuste jaoks. Igal pesal on unikaalne nimi omistada seda identifitseerib selle.