導航:首頁 > 編程語言 > js遍歷table

js遍歷table

發布時間:2024-08-03 13:49:31

『壹』 jquery或js怎麼遍歷表格每列,獲取表格的每列最大最小值並輸出到表格上,請見圖

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title> 獲取表格內容 </title>
<style type="text/css">
table{width:300px; border:1px solid #000000; border-collapse:collapse;}
td{border:1px solid #000000; border-collapse:collapse;}
</style>
<script type="text/javascript">
/**
* 遍歷表格內容返回數組
* @param Int id 表格id
* @return Array
*/
function getTableContent(id){
var mytable = document.getElementById(id);
var data = [];
for(var i=0,rows=mytable.rows.length; i<rows; i++){
for(var j=0,cells=mytable.rows[i].cells.length; j<cells; j++){
if(!data[i]){
data[i] = new Array();
}
data[i][j] = mytable.rows[i].cells[j].innerHTML;
}
}
return data;
}

/**
* 顯示表格內容
* @param Int id 表格id
*/
function showTableContent(id){
var data = getTableContent(id);
var tmp = '';
for(i=0,rows=data.length; i<rows; i++){
for(j=0,cells=data[i].length; j<cells; j++){
tmp += data[i][j] + ',';
}
tmp += '<br>';
}
document.getElementById('result').innerHTML = tmp;
}

</script>
</head>

<body>
<table id="mytable">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>1</td><td>1</td><td>1</td></tr>
<tr><td>2</td><td>2</td><td>2</td></tr>
<tr><td>3</td><td>3</td><td>3</td></tr>
<tr><td>4</td><td>4</td><td>4</td></tr>
<tr><td>5</td><td>5</td><td>5</td></tr>
</table>
<p><input type="button" name="btn" value="獲取表格數據" onclick="showTableContent('mytable')"></p>
<p><div id="result"></div></p>
</body>
</html>
希望能幫到你

『貳』 在js中怎樣獲取當前頁面表格中的數據

1、JS獲取表格的簡便方法:獲取tbody:tBodies 獲取thead:tHead 獲取tfoot:tFoot 獲取行tr:rows 獲取列td:cells

使用實例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍歷
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells組成的二維數組,用兩個for循環嵌套遍歷一下就可以了

『叄』 js動態生成的table如何進行遍歷

從table的父元素開始綁定,比如
<div id="parentOfTable">
<table>
<tr><td><a>a</a></td></tr>
<tr><td><a>b</a></td></tr>
<table>
</div>
==============
var trs=$("#parentOfTable a");

『肆』 Js中如何獲取當前Table中的第幾行Sos,幫幫我這個小娃娃吧.

在table裡面做個隱藏域,值為當前行數,讓js去取

『伍』 頁面上有個<table>表格,如何用JS中的循環分別取得各個td中的數據

jquery 版的
$(document).ready(function(){
var st1r="";
$("td").each(function(){ st1r+=$(this).html()+",";alert( st1r)})
});
這個是通過判斷裡面是否有td ,如果有td,都提取版裡面的值權。

『陸』 js遍歷table下面 所有td,並設置個別td的值 高分 求大神

<!DOCTYPEHTML>
<html>
<head>
<metacharset="UTF-8"/>
<title>main.html</title>
<styletype="text/css">
</style>
<scripttype="text/javascript">
window.onload=function()
{
vartable=document.getElementById('mytable');
varrows=table.rows;
for(vari=0;i<rows.length;i++)
{
(rows[i].className=='test')
{
vartxt=document.createTextNode();
txt.nodeValue=Number(rows[i].cells[0].firstChild.nodeValue)
+Number(rows[i].cells[1].firstChild.nodeValue);
rows[i].cells[2].appendChild(txt);
}
}
}
</script>
</head>
<body>
<tableid="mytable">
<trclass="test">
<tdid="d1">4</td>
<tdid="d2">5</td>
<tdid="d3"></td>
</tr>
<trclass="test">
<tdid="d1">1115</td>
<tdid="d2">11116</td>
<tdid="d3"></td>
</tr>
</table>
</body>
</html>

『柒』 怎麼讓js遍歷循環倆個table 下面的 tr td 值相等

您好:這就是三個for循環嵌套而已。
for(var i=0;i<table.length;i++) //這一層是循環這2個table
{
for(var j=0;j<tr.length;j++) //這個是tr

{
for(var n=0;n<td.length;n++) //這里是循環的tr下面所有的td

{

//這里就可版以獲取td是否相等權了。
}

}
}

『捌』 js編寫一個可以循環的<table>表格

可以的,最簡單的

<divid="t"></div>
<script>
varhtml="<table>"
for(vari=0;i<3;i++){
版html+="<tr>";
for(varj=0;j<5;j++){
html+="<td>";
html+=i+"行"+j+"列權";
html+="</td>";
}
html+="</tr>"
}
html+="</table>"
console.log(html)
document.getElementById('t').innerHTML=html;

『玖』 js遍歷表格,內容讀取到數組。

<html>
<head>
<title> just a test </title>
</head>
<script>
function getTdContent(){
var tab = document.getElementById("tab");
var len = tab.cells.length;
var arr = new Array();
for(var i=0;i<len;i++){
arr.push(tab.cells[i].innerText);
}
alert(arr);
}
function getRowContent(){
var tab = document.getElementById("tab");
var rownum = document.getElementById("rownum").value;
var len = tab.rows[rownum-1].cells.length;
var arr = new Array();
for(var i=0;i<len;i++){
arr.push(tab.rows[rownum-1].cells[i].innerText);
}
alert(arr);
}
</script>
<body>
<table id="tab">
<tr><td>01</td><td>02</td><td>03</td><td>04</td></tr>
<tr><td>05</td><td>06</td><td>07</td><td>08</td></tr>
<tr><td>09</td><td>10</td><td>11</td><td>12</td></tr>
</table>
<input id="rownum" />
<button onclick="getRowContent()">獲取指定行單元格內容</button>
<button onclick="getTdContent()">獲取所有單元格內容</button>

</body>
</html>

閱讀全文

與js遍歷table相關的資料

熱點內容
u盤的文件刪除後怎麼出個編號呢 瀏覽:961
java中forab什麼意思 瀏覽:5
資料庫導出文件格式 瀏覽:444
微信恢復接收文件 瀏覽:173
哪裡可以找到吃飯的app 瀏覽:736
xp屏保加密碼 瀏覽:436
重裝系統後顯示硬碟文件缺失 瀏覽:65
微信發送的文件都損壞了 瀏覽:402
大量計算用什麼編程方式好 瀏覽:241
編程器刷微星bios刷哪個文件 瀏覽:111
選擇小米手機3版本 瀏覽:314
iphone鏈接 瀏覽:110
9元編程課是什麼 瀏覽:436
cad為什麼不能輸入stl文件 瀏覽:78
編程與外語哪個更好就業 瀏覽:299
為什麼程序會跑飛 瀏覽:659
matlab中的m文件是什麼 瀏覽:226
excel批量保存pdf文件 瀏覽:963
win10文件夾死機動不了 瀏覽:411
ps打開多頁pdf文件 瀏覽:901

友情鏈接