Defining Table Structures
1. Traverse by ID
<HTML><Body><TableID= "TB"Border= "1"><TR> <TD>Row1,cell1</TD> <TD>Row1,cell2</TD></TR><TR> <TD>Row2,cell1</TD> <TD>Row2,cell2</TD></TR><TR> <TD>Row3,cell1</TD> <TD>Row3,cell2</TD></TR></Table><Buttontype= "button"onclick= "f ()">Click Me</Button><Script>functionf () {varT=document.getElementById ("TB"); if(t) { for(varI=0; I<t.rows.length; I++) { for(varJ=0; J<T.rows[i].cells.length; J++) {alert (t.rows[i].cells[j].innertext); } } }}</Script></Body></HTML>
2. Traverse through jquery
<HTML><Head><MetaCharSet= "Utf-8"></Head><Body><Tableclass= "TB"Border= "1"><TR> <TD>Row1,cell1</TD> <TD>Row1,cell2</TD></TR><TR> <TD>Row2,cell1</TD> <TD>Row2,cell2</TD></TR></Table><Scripttype= "Text/javascript"src= "./js/jquery-1.11.1.min.js"></Script><Script>$ (document). Ready (function(){ $("TD"). each (function() {alert ($ ( This). text ()); })})</Script></Body></HTML>
Add button, press button when Popup
<HTML><Head><MetaCharSet= "Utf-8"></Head><Body><Tableclass= "TB"Border= "1"><TR> <TD>Row1,cell1</TD> <TD>Row1,cell2</TD></TR><TR> <TD>Row2,cell1</TD> <TD>Row2,cell2</TD></TR></Table><Buttontype= "button">Click Me</Button><Scripttype= "Text/javascript"src= "./js/jquery-1.11.1.min.js"></Script><Script>$ (document). Ready (function(){ $("Button"). Click (function(){ $("TD"). each (function() {alert ($ ( This). text ()); }) })})</Script></Body></HTML>
JavaScript traversal table