webutviklere bruker tabeller for å vise komplekse data . En tabell består av rader og kolonner , og disse rader og kolonner lage et rutenett som inneholder celler. Noen ganger kan en web-applikasjon trenger å undersøke en bestemt celle og utføre andre funksjoner . For eksempel kan koden skjule celle , endre farge eller trekke cellens verdi . En av de raskeste måtene å trekke ut en verdi fra en tabell celle er å bruke JavaScript. Instruksjoner en
åpne en av HTML- sider ved hjelp av Notepad og legg denne teksten til dokumentets "body "-delen : en
< table id = " MyTable " border = " 3 " >
Red < /td >
Gul < /td >
< /tr >
Blå < /td >
Green < /td >
< /tr >
< /table >
< innspill id = " SshowTableCellValue " type = " button" value = " Vis tabell Cell value" onclick = " showTableCellValue ( )" />
< /p >
Enter Row Antall < innspill id = " Row " type = "tekst" />
Enter celle nummer p Dette genererer en tabell med to rader og to kolonner. Dette gir fire celler. Hver celle inneholder navnet på en farge . Koden skaper også en knapp og to tekstbokser for å legge inn rad og kolonne verdier. Disse tekstbokser kan du teste programmet 2
Legg til følgende JavaScript -koden til " head"-seksjonen av dokumentet : .
< Script type = "text /javascript " >
funksjonstest ( ) {
Var elTableRow = document.getElementById ( " somerow ");
VAR elTableCells = elTableRow.getElementsByTagName ( " td ");
Linje en butikk tabellens ID i variabelen som heter " tableID . " Lines tre til fire hente rad og kolonne verdier i tekstboksene . Linje fem henter en referanse til bordet og linjen seks ekstrakter verdien av den valgte cellen. 3
Lagre HTML-dokumentet og åpne den i nettleseren din for å se tabellen .
4
Tast rad nummer i "Enter Row Number " tekstboksen . Skriv inn en celle nummer i "Enter Cell Number " tekstboksen . 5
Klikk på " Show Cell Value" -knappen . Koden vil kjøre , og nettleseren vil vise verdien av cellen du valgte.