Hvordan bruke DOM å legge til en tabell Element

Javascript DOM objektklassen lar deg legge til tabellelementer som rader, celler og innholdet i tabellen dynamisk. Du bruker denne metoden til å opprette tabellelementer etter at Web siden lastes i brukerens nettleser. Du må først opprette rad og legger celler til raden for kode for å vise uten å forårsake noen HTML og Javascript-feil.

Bruksanvisning

1 Høyreklikk på HTML-filen du vil bruke til å legge til tabellelementer. Klikk "Åpne med", deretter HTML editor i listen over undermeny programmer.

2 Få bordet element ID og tildele tabellen til en variabel. Opprette variabelen lar deg manipulere tabellelementer. Følgende kode oppretter en variabel fra HTML-tabell på siden:

Var tabellen = document.getElementById ( "table");

3 Legg en tabell rad. Skriv inn følgende kode for å legge til en ny rad i tabellen:

var r = table.insertRow ( "newrow");

4 Lag en celle og legge til innhold i cellen. Den følgende koden legger en celle til den nye raden:

Var c = r.insertCell (0);

Var input = document.createElement ( 'inngang');

input.text = "Dette er innhold for cellen";

c.appendChild (input);

Koden ovenfor legger en celle og en tekstboks som viser innhold. Du kan fortsette å legge til flere celler og innhold til bordet.