Cum se utilizează HTML & Cu Shadow DOM
Slot HTML este unul dintre cele mai remarcabile standarde făcute de W3C. Combinați-l cu un alt standard impresionant W3C numit template-uri, și aveți o fabuloasă combinație cu care să lucrați. A fi capabil să creați și adăugați elemente HTML la o pagină folosind JavaScript este o sarcină necesară și importantă.
Este util atunci când un fragment de cod trebuie să apar doar la anumite momente, sau când nu doriți să tastați sute de elemente HTML structurate similar, dar doriți să automatizeze procesul.
Crearea elementelor HTML în JavaScript este nu atât de dorit. Este necesar să verificați și să verificați dacă ați acoperit toate etichetele, le-ați plasat în ordinea corectă, în ansamblu, există doar de asemenea mult pentru a tip și a urmări. Cu toate acestea, acest turbulență, ai o soluție cand tag-ul a apărut. Dacă trebuie să fie ceva adăugate dinamic în pagină, îl puteți pune în interior element.
În acest post, vă voi arăta cum puteți utiliza tag-uri împreună cu JavaScript la creați o fabrică de tabele mini HTML care poate crea și popula sute de mese similare.
eticheta deține cod HTML nu vor fi redate de browsere până când este adăugat corespunzător în document, folosind JavaScript. element.
A Umbra DOM este similar cu un DOM obișnuit (modelul de document analizat din HTML). Aceasta creează un copac cu scop (un arbore DOM Shadow), care are a rădăcină proprie și poate avea, de asemenea stil propriu.
Când inserați Arborele Shadow DOM într-un element din documentul principal - elementul va fi apoi numit umbra gazdă -, toate elementele copilului gazdei umbrite care sunt marcate cu slot atribut (nu același lucru cu cel menționat mai sus
DOMNUL Umbrelor, de la scrierea acestui articol (iulie 2017), sunt acceptate numai în browserele bazate pe WebKit și Blink dar puteți verifica în orice moment starea reală de asistență a browserului pe CanUUse.
Configurarea codului HTML
Încă confuz? Să vedem un cod, începând cu element.
Interior În interiorul șablonului, De asemenea, am adăugat unele stiluri de bază pentru masă, folosind , există a bine utilizare ca model pentru crearea unor mese care vor fi adăugate la un document. Sunt
și ) acționând ca substituenți pentru titlurile coloanelor și valorile celulelor. Fiecare slot are un mod unic Nume atribuiți asta o identifică.