Come usare HTML & con Shadow DOM
Slot HTML è uno degli standard più notevoli realizzati dal W3C. Combinalo con un altro impressionante standard W3C chiamato modelli, e hai una favolosa miscela con cui lavorare. Essere capace di creare e aggiungere elementi HTML a una pagina usando JavaScript è un compito necessario e importante.
È utile quando uno snippet di codice deve apparire solo in determinati momenti, o quando non vuoi digitare centinaia di elementi HTML strutturati in modo simile ma vuoi automatizzare il processo.
La creazione di elementi HTML in JavaScript è non così desiderabile. È una seccatura dover controllare e ricontrollare se hai coperto tutti i tag, metterli nell'ordine giusto, tutto sommato, c'è solo pure molto da digitare e tenere traccia di. Questo tumulto, tuttavia, ho una soluzione quando il tag apparso. Se qualcosa deve essere aggiunto alla pagina in modo dinamico, puoi metterlo dentro il elemento.
In questo post, ti mostrerò come puoi usare il tag insieme con JavaScript a creare una mini fabbrica di tabelle HTML che può creare e popolare centinaia di tabelle simili.
Il
Il il tag contiene codice HTML non sarà reso dai browser fino a quando non viene aggiunto correttamente al documento, utilizzando JavaScript. Il elemento.
UN DOM ombra è simile a un normale DOM (il modello di documento analizzato da HTML). esso crea un albero con scope (un albero DOM ombra), che ha a radice propria e può anche avere un stile a sé stante.
Quando si inserisce l'albero DOM ombra in un elemento nel documento principale, l'elemento verrà chiamato ospite d'ombra -, tutti gli elementi figlio dell'host ombra contrassegnati con fessura attributo (non lo stesso di cui sopra
The Shadow DOM, come di questo articolo (luglio 2017), sono supportato solo nei browser basati su WebKit e Blink ma puoi verificare lo stato effettivo del supporto del browser su CanIUse in qualsiasi momento.
Configurare l'HTML
Ancora confuso? Vediamo un po 'di codice, a partire da elemento.
Dentro All'interno del modello, Ho anche aggiunto alcuni stili di base per il tavolo, usando il , c'è un bene usa come un progetto per creando alcune tabelle che verrà aggiunto a un documento. Ci sono
e ) agire come segnaposto per i titoli delle colonne e i valori delle celle. Ogni slot ha un unico nome attribuilo lo identifica.