Avatar billede carstensm Nybegynder
05. september 2001 - 19:45 Der er 8 kommentarer og
1 løsning

Dynamisk oprettelse af et table

Hvordan opretter jeg et table-objekt med JavaScript? Jeg kan sætte rows ind i en eksisterende tabel med minTabel.insertRow(0), men er der en tilsvarende metode til at oprette tables? Altså ikke noget med document.write(\"<TABLE .....\").

MVH
Carsten
Avatar billede fireworld Nybegynder
05. september 2001 - 20:13 #1
du kunne jo bare med en simple innerHTML gøre det
<script>
function entil(){
document.all[\'blaH\'].ínnerHTML=document.all[\'blaH\'].innerHTML + \"<tr><td></td></tr>\";

}
</script>

<table id=\"blaH\">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
<input type=\"button\" onclick=\"entil()\">
Avatar billede carstensm Nybegynder
05. september 2001 - 20:23 #2
fireworld : Så vidt jeg kan se har du lige beskrevet hvordan jeg indsætter nye rækker+celler i en eksisterende tabel, hvilket ikke kan være et svar på mit spørgsmål, der går ud på at indsætte nye tabeller i et dokument. /Carsten
Avatar billede carstensm Nybegynder
05. september 2001 - 20:25 #3
Jeg skal have oprettet et table-objekt som jeg kan referere til umiddelbart bagefter!
Noget i retning af :

minTabel = table.create();
minTabel.insertRow(0);
...
Avatar billede roenving Novice
06. september 2001 - 00:10 #4
>>carsten
Har du fat i den rette kategori ??-)
jeg synes det ligner noget ASP eller PHP,

men såvidt jeg forstår kan du ikke bruge andre metoder en document.write i server-sprog -- og hvorfor er det ikke det ?·~]
Avatar billede olebole Juniormester
06. september 2001 - 01:21 #5
<ole>
Fin kategori...kunne også have været (D)HTML  :)
Måden at bygge en tabel på i DOM er som følger:

myBody = document.getElementsByTagName(\"body\").item(0);
myTable = document.createElement(\"table\");
myTable.id = \"Ib\";
myTableBody = document.createElement(\"tbody\");
for (i = 0; i < 5; i++){
  myRow = document.createElement(\"tr\");
  for (j = 0; j < 4; j++){
    myCell = document.createElement(\"td\");
    myRow.appendChild(myCell);
  }
  myTableBody.appendChild(myRow);
}
myTable.appendChild(myTableBody);
myBody.appendChild(myTable);

/mvh
</bole>
Avatar billede olebole Juniormester
06. september 2001 - 01:24 #6
...det bygger en tabel med id=\"Ib\", 5 rækker med hver 4 celler  :)
Avatar billede roenving Novice
06. september 2001 - 12:34 #7
Okay ...

Det er i hvert fald aldrig for sent at lære noget !!
Avatar billede olebole Juniormester
06. september 2001 - 16:05 #8
roenving >> Nu ikke stjæle mine replikker!  =oD
/mvh
Avatar billede roenving Novice
07. september 2001 - 02:00 #9
Den vil jeg til enhver tid stå inde for !!=)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester