讀取table內(nèi)容的javascript代碼

2019-11-21 00:54:38

字體：大中小

供稿：網(wǎng)友

<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>222222 </title> </head> <body> <table border="1" style="border-collapse: collapse" width="45%" height="29" id="table1"> <tr> <td> <input type="checkbox" name="C1" value="ON"> </td> <td>武林網(wǎng)</td> <td>m.survivalescaperooms.com</td> </tr> <tr> <td> <input type="checkbox" name="C2" value="ON"> </td> <td>百度</td> <td>www.baidu.com</td> </tr> <tr> <td> <input type="checkbox" name="C3" value="ON"> </td> <td>服務(wù)器軟件</td> <td>s.VeVB.COm</td> </tr> </table> <input type="button" onclick="readArray()" value="取得表格值"> <script> //使用數(shù)組取得表格值 function getRowText() { var arr = new Array(); var count = 0; for(var i=0;i <table1.rows.length;i++) { var row = table1.rows[i]; //取得CHECKBOX var objCheck = row.cells[0].getElementsByTagName("INPUT")[0]; //如果CHECKBOX被選中.添加到二維數(shù)組 if(objCheck!=null && objCheck.checked) { //arr[i]= row.innerText ; arr[count] = new Array(); for(var x=0;x <row.cells.length;x++) { //不計(jì)單選框的單元格內(nèi)容 if(x==0) continue; arr[count][x-1] = row.cells[x].innerText; } count++; } } return arr; } //讀取表格值 function readArray() { var arr = getRowText(); for(var i=0;i <arr.length;i++) { //取得每一行的值 for(var x= 0;x <arr[i].length;x++) { document.write(arr[i][x]); } } } </script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

定義和用法
rows 集合返回表格中所有行（TableRow 對(duì)象）的一個(gè)數(shù)組，即一個(gè) HTMLCollection。

該集合包括 <thead>、<tfoot> 和 <tbody> 中定義的所有行。

語(yǔ)法
tableObject.rows[]實(shí)例
下面的例子使用了 rows 集合來(lái)顯示第一行中的內(nèi)容：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：最簡(jiǎn)單的javascript對(duì)象實(shí)例代碼

下一篇：js 頁(yè)面?zhèn)鲄?shù)時(shí) 參數(shù)值含特殊字符的問(wèn)題