导航:首页 > 编程语言 > 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相关的资料

热点内容
网站首页都用了哪些知识点 浏览:41
如何删除手机软件的重复文件 浏览:908
微信页面没有添加图标 浏览:47
暗黑绿色装备升级 浏览:261
到哪里学编程啊 浏览:752
电脑粉碎文件和卸载 浏览:365
怎么查看共享电脑所有文件 浏览:617
创意编程社区账号在哪里 浏览:377
好用的压缩文件 浏览:538
360下载的补丁包在哪个文件夹 浏览:988
微信54安卓版本官网 浏览:698
为什么cnc编程找工作难 浏览:777
sql数据库端口不通 浏览:361
javaword转swf 浏览:174
cms数据更新是什么 浏览:39
电脑保密柜在文件里怎么找不到了 浏览:225
nodejs前端后端 浏览:129
程序侠后台多少 浏览:32
mysqle执行sql文件在哪里 浏览:466
数据库iostat1 浏览:986

友情链接