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.