Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako extrahovať hodnotu z bunky

Weboví vývojári používať tabuľky na zobrazenie komplexných dát . Tabuľka sa skladá z riadkov a stĺpcov , tieto riadky a stĺpce vytvorí mriežku , ktorá obsahuje bunky . Niekedy webová aplikácia potrebuje skúmať konkrétnu bunku a vykonávať ďalšie funkcie . Napríklad kód môže skrývať bunku , zmeniť jeho farbu alebo extrahovať hodnotu bunky . Jeden z najrýchlejších spôsobov , ako extrahovať hodnotu z bunky tabuľky je používať JavaScript . Pokyny dovolená 1

Otvorte jeden z vašich HTML stránok pomocou programu Poznámkový blok a pridajte tento text do sekcie dokumentu " tela " :

< table id = " myTable " border = " 3 " >


Red < /td > žltá < /td >

< /tr >


modrá < /td > < td id type = " C2.2 " > Green < /td >

< /tr >

< /table >

< input id = " SshowTableCellValue " = " tlačidlo " value = " Zobraziť tabuľku hodnota bunky " onclick = " showTableCellValue ( ) " />

< /p >

Zadajte číslo riadku < input id = " riadok " type = " text " />

Zadajte počet buniek input id = " Cell " type = " text " />

generuje tabuľku s dvoma riadkami a dvoma stĺpcami . To vytvára štyri bunky . Každá bunka obsahuje názov farby . Kód tiež vytvorí tlačidlo a dve textové polia pre zadávanie riadkov a stĺpcov hodnôt . Táto textové polia umožňujú testovať aplikácie
2

Pridajte nasledujúci kód JavaScript v časti " hlavy " v dokumente : .

< Typ script = " text /javascript " >

funkcie test ( ) {

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

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

upozornenia ( elTableCells [ 0 ] InnerText . ) ;

}

//Riadok 1

var TABLEID = " myTable " ;

funkcie showTableCellValue ( ) {

//Linky 3-4

var rowChosen = document.getElementById ( " Row " ) hodnota - 1 ; .

var cellChosen = document.getElementById ( " Cell " ) , hodnota -1 ; .

//linky 5

var objTable = document.getElementById ( TABLEID ) ;

//Riadok 6

var SelectedValue = objTable.rows [ rowChosen ] články [ cellChosen ] innerHTML ; ..

alert ( " Vybrali ste " + SelectedValue ) ;

}

< /script >

Linka jeden obchody v tabuľke v ID v premennej s názvom " TABLEID . " Linky tri až štyri načítanie riadkov a stĺpcov hodnoty v textových poliach . Linka päť načíta odkaz na tabuľky a líniových šiestich extraktov hodnota vybranej bunky .
3

Uložte dokument vo formáte HTML a otvorte ju vo vašom prehliadači zobraziť tabuľku .
stránka 4

Zadajte číslo riadku v " Zadajte číslo riadku " textového poľa . Zadajte počet buniek v " Zadajte počet buniek " textového poľa .
5

Kliknite na odkaz " Zobraziť Cell Value " . Kód pobeží , a prehliadač zobrazí hodnotu bunky , ktorú zvolíte .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené