Hur Extrahera ett värde från en cell

< /tr >

< /tr >

< /table >

< input id = " SshowTableCellValue " typ = " button" value = " Visa tabell Cellvärde " onclick = " showTableCellValue ( ) " />

Ange Radnummer < input id = " Rad " type = " text " />

Ange mobilnummer

Detta genererar en tabell med två rader och två kolumner . Detta producerar fyra celler . Varje cell innehåller namnet på en färg. Koden skapar också en knapp och två textrutor för inmatning rad och värderingar kolumn . Dessa textrutor kan du testa programmet
2

Lägg till följande JavaScript -kod i " huvudet " i ditt dokument : .

< Script type = " text /javascript " >

funktionstest ( ) {

var elTableRow = document.getElementById ( " somerow " ) ;

var- elTableCells = elTableRow.getElementsByTagName ( " td " ) ;

alert ( elTableCells [ 0 ] innerText . ) ;

}

//Linje 1

var tableID = " mytable " ;

funktionen showTableCellValue ( ) {

//Linjer 3-4

var rowChosen = document.getElementById ( " Row " ) värde - 1 , .

var cellChosen = . document.getElementById ( " Cell " ) värdet -1 ,

//Linjer 5

var objTable = document.getElementById ( tableID ) ;

//line 6

var selectedValue = objTable.rows [ rowChosen ] celler [ cellChosen ] innerHTML ,. .

alert ( " Du valde " + selectedValue ) ;

}

< /script >

linje ett lagrar tabellens ID i variabeln " tableID . " Linjer tre till fyra hämta raden och värderingar kolumn i textrutor . Linje fem hämtar en referens till tabellen och ledningen sex extrakt värdet på den markerade cellen .
3

Spara HTML-dokumentet och öppna det i din webbläsare för att visa tabellen .

4

Ange ett radnummer i " Enter rad Number " textrutan . Ange ett mobilnummer i " Ange mobilnummer " textrutan .
5

Klicka på " Visa Cellvärde " -knappen . Koden kommer att köras , och webbläsaren ska visa värdet av den cell du markerade .