1: Lintas dan keluarkan nilai dalam Jadual
<table id="tb"> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> function f() { var t=document.getElementById("tb").childNodes.item(0); for(var i=0;i< t.childNodes.length;i++) { for(var j=0;j<t.childNodes(i).childNodes.length;j++) { alert(t.childNodes(i).childNodes(j).innerText); } } }
2: Lintas Jadual, baca status Kotak Semak dan nilai Lajur lain
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body onload="f()"> <script type="text/javascript"> function f() { var t=document.getElementById("tb").childNodes.item(0); for(var i=0;i< t.childNodes.length;i++) { alert(t.childNodes(i).firstChild.firstChild.nodeValue); alert(t.childNodes(i).childNodes[1].firstChild.checked); } } </script> <table id="tb"> <tr> <td style="width: 122px"> 1234</td> <td style="width: 89px"> <input type="checkbox" /></td> <td style="width: 210px"> </td> </tr> <tr> <td style="width: 122px; height: 21px"> 2234</td> <td style="width: 89px; height: 21px"> <input type="checkbox" checked="CHECKED" /></td> <td style="width: 210px; height: 21px"> </td> </tr> <tr> <td style="width: 122px"> 3234</td> <td style="width: 89px"> <input type="checkbox" /></td> <td style="width: 210px"> </td> </tr> </table> </body> </html>