Webudviklere bruger tabeller til at vise komplekse data . En tabel består af rækker og kolonner , og disse rækker og kolonner skaber et gitter, der indeholder celler . Nogle gange kan en web-applikation har brug for at undersøge et bestemt celle og udføre andre funktioner. For eksempel kan koden skjule cellen , ændre dens farve eller udtrække cellens værdi . En af de hurtigste måder at udtrække en værdi fra en tabelcelle er at bruge JavaScript. Instruktioner 1
åbne en af dine HTML-sider ved hjælp af Notesblok , og tilføj denne tekst til dokumentets "krop " sektionen : Hej
< table id = " MinTabel " border = "3" >
Rød
Gul
< /tr >
Blå
< td id = " C2.2 " > Grøn
< /tr >
< /table >
< input id = " SshowTableCellValue " type = " button" value = " Vis tabel Cell value" onclick = " showTableCellValue ()" />
Indtast Rækkenummer < input id = " Row" type = "tekst" />
Indtast Cell Antal
Dette skaber en tabel med to rækker og to kolonner. Dette frembringer fire celler . Hver celle indeholder navnet på en farve . Koden skaber også en knap og to tekstbokse til indtastning række og kolonne værdier. Disse tekstbokse kan du teste programmet 2
Føj følgende JavaScript-kode til " hoved" sektionen af dit dokument : .
< Script type = "text /javascript " >
funktionstest () {
var elTableRow = document.getElementById ( " somerow ")
vAR elTableCells = elTableRow.getElementsByTagName ( " TD ");
linje et lagrer tabellens id i variablen med navnet " tableID ". Lines tre til fire hente rækken og kolonneværdier i tekstboksene . Linje fem henter en reference til tabellen og linie seks uddrag værdien af den markerede celle. 3
Gem HTML-dokumentet og åbne den i din browser for at se tabellen.
4
Indtast et rækkenummer i "Enter Row Number" tekstfeltet. Indtast en celle nummer i "Enter Cell Number" tekstfeltet. 5.
Klik på " Show Cell Value "-knappen. Koden vil køre , og browseren vil vise værdien af den celle, du har valgt.