Kaip naudoti HTML & su Shadow DOM
HTML lizdas yra vienas iš žymiausių W3C standartų. Sujunkite tą kitą įspūdingą W3C standartą šablonų, ir jūs turite nuostabų užkandį dirbti. Galimybė sukurti ir pridėti HTML elementus į puslapį naudojant „JavaScript“ yra būtina ir svarbi užduotis.
Tai naudinga, kai reikia kodo fragmento rodomi tik tam tikru laiku, arba kai nenorite įvesti šimtų panašiai struktūrizuotų HTML elementų, bet norite automatizuoti procesą.
HTML elementų kūrimas „JavaScript“ yra ne taip pageidautina. Tai yra problema, kurią reikia patikrinti ir iš naujo patikrinti, ar padengėte visas žymes, įdėjote jas į teisingą tvarką, iš viso yra tiesiog taip pat daug rašyti ir sekti. Tačiau šis neramumas, gavo sprendimą kai pasirodė žyma. Jei kažkas turi būti dinamiškai pridėta prie puslapio, galite įdėti jį į elementas.
Šiame pranešime parodysiu, kaip galite naudoti žymos kartu su „JavaScript“ sukurti mini HTML lentelės gamyklą tai gali sukurti ir užpildyti šimtus panašių lentelių.
The
The žyma turi HTML kodą naršyklės nebus teikiamos kol jis tinkamai pridedamas prie dokumento, naudodami „JavaScript“. The elementas.
A Shadow DOM yra panašus į įprastą DOM (dokumento modelis, išnagrinėtas iš HTML). Tai sukuria suskirstytą medį (Shadow DOM medis), kuriame yra a šaknis ir taip pat gali turėti stiliaus.
Įdėjus „Shadow DOM“ medį į pagrindinio dokumento elementą, elementas bus vadinamas šešėlis šeimininkas -, visi šešėlinio kompiuterio vaiko elementai, pažymėti lizdą atributas (ne tas pats, kaip minėta
Shadow DOM, nuo šio straipsnio rašymo (2017 m. Liepos mėn.), Yra palaikomos tik „WebKit“ ir „Blink“ pagrindu veikiančiose naršyklėse bet kuriuo metu galite patikrinti „CanIUse“ naršyklės palaikymo faktinę būseną.
HTML nustatymas
Vis dar painu? Pamatysime kodą, pradedant nuo elementas.
Viduje Šablone, Aš taip pat pridėjau kai kurie pagrindiniai stiliai naudodami lentelę , ten yra mes naudoti kaip planą dėl kuriant kai kurias lenteles tai bus pridėta prie dokumento. Yra
ir ) veikiantys kaip vietos pareigūnai stulpelių pavadinimams ir ląstelių reikšmėms. Kiekviena lizdas turi unikalų vardas atributas tai identifikuoja jį.