Le tabelle sono formattati oggetti situati nelle pagine Web che consentono di stendere elenchi di dati. La tabella formatta i dati che viene mostrati all'utente, così si crea un layout più bello della pagina Web. È possibile creare queste tabelle utilizzando il linguaggio JavaScript. Il linguaggio JavaScript aggiunge un metodo per aggiungere dinamicamente tabelle alla tua pagina. Quando l'utente accede a dati diversi o utilizza un altro link per passare alla pagina modificare queste tabelle.

Istruzioni

1

Creare il blocco di JavaScript. Il blocco di JavaScript è impostato & quot; & lt; testa & gt; & quot; e & quot; & lt; / testa & gt; & quot; Tag del codice HTML. Inserire il codice seguente nel file HTML:

& lt; tipo di script = & quot; testo/javascript & quot; & gt; & lt; / script & gt;

2

Creare i tag di inizio e di fine. Questi tag sono variabili di stringa che contengono il codice HTML per le tabelle. Il codice seguente crea una variabile JavaScript di inizio e di fine:

startTag = & quot; & lt; Id tabella = "table1" & gt; & quot;
endTag = & quot; & lt; / TBODY & gt; & lt; / tabella & gt; & quot;

3

Creare le righe di tabella. Il codice HTML per una riga della tabella è il & quot; & lt; tr & gt; & quot; Tag. All'interno il & 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 righe:

tableRows = & quot; & lt; tr & gt; & lt; td & gt; La mia prima riga & 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

Aggiungere il vostro tavolo per un & quot; & lt; div & gt; & quot; Tag nel codice HTML. Questo può essere qualsiasi tag div nella pagina. In questo esempio, viene visualizzata la nuova tabella dinamica nel & quot; myTable & quot; div. Il codice riportato di seguito viene illustrato come aggiungere una tabella dinamica alla tua pagina:

myTable.innerHTML = startTag + tableRows + endTag

Il & quot; innerHTML & quot; Metodo consente di aggiungere in modo dinamico qualsiasi codice HTML nella tua pagina.