February 23
Le tabelle sono formattati oggetti che si trovano sulle pagine Web che consentono di lay out liste di dati. La tabella formatta i dati che vengono visualizzati per l'utente, in modo da creare un layout più bello per la pagina Web. È possibile creare queste tabelle utilizzando il linguaggio JavaScript. Il linguaggio Javascript aggiunge un metodo per aggiungere in modo dinamico le tabelle alla pagina. Queste tabelle cambiano quando l'utente accede a dati diversi o utilizza un collegamento diverso per accedere alla pagina.
1 Creare il blocco di JavaScript. Il blocco JavaScript si trova nel & quot; & lt; head & gt; & quot; e & quot; & lt; / head & gt; & quot; tag del codice HTML. Inserire il codice seguente nel file HTML:
& Lt; script type = & quot; text / javascript & quot; & gt; & Lt; / script & gt;
2 Creare i tag di inizio e di fine. Questi tag sono variabili stringa che contengono il codice HTML per le tabelle. Il codice seguente crea un inizio e di fine JavaScript variabile:
startTag = & quot; & lt; TABLE id = & # 039; & # 039 table1; & gt; & quot;
ENDTAG = & quot; & lt; / TBODY & gt; & lt; / TABLE & gt; & quot;
3 Crea le righe della tabella. Il codice HTML per una riga della tabella è il & quot; & lt; TR & gt; & quot; etichetta. All'interno del & quot; & lt; TR & gt; & quot; tag è il & quot; & lt; TD & gt; & quot; tag che denota una cella di tabella. Il codice seguente crea una variabile che contiene due file:
tableRows = & quot; & lt; TR & gt; & lt; TD & gt; La mia prima fila & lt; / td & gt; & lt; / TR & gt; & quot;
tableRows = tableRows + & quot; & lt; TR & gt; & lt; TD & gt; La mia seconda fila & lt; / td & gt; & lt; / TR & gt; & quot;
4 Aggiungi il tuo tavolo per un & quot; & lt; div & gt; & quot; tag nel codice HTML. Questo può essere un qualsiasi tag div nella tua pagina. In questo esempio, la nuova tabella dinamica viene visualizzata nel & quot; myTable & quot; div. Il codice seguente mostra come aggiungere una tabella dinamica alla pagina:
myTable.innerHTML = startTag + tableRows + ENDTAG
Il & quot; innerHTML & quot; metodo consente di aggiungere qualsiasi codice HTML in modo dinamico alla tua pagina.