导航:首页 > 编程语言 > js获取表格某行某列的值

js获取表格某行某列的值

 发布时间：2025-02-09 09:16:28

Ⅰ js如何获取表格内行和列的值，例如表格内第二行第三列的值

用table的属性获取吧

var _tab = document.getElementById('tb'); // 获取table对象
var _row = _tab.rows; //获取table的行
var _cell = _row[1].cells; //获取第二行的列
alert(_cell[2].innerHTML); //获取第三列的值

Ⅱ js代码能不能点击表格任意一单元格得到那个单元格的行数求解

javaScript 中有自带 rowIndex 来获取 tr 的键值


<script type="text/javascript">
document.onclick = function(e) {
var e = e || window.event;
var target = e.target || e.srcElement;
if(target.tagName.toLowerCase() === "td") {
var rowIdx = target.parentNode.rowIndex + 1;
alert("第 " + rowIdx + " 行");
}
};
</script>


<table border="1">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>


jQuery（不要直接使用 index()，因为 index() 的效率要低于原生 rowIndex）

$(function() {
$("td").click(function() {
var rowIdx = $(this).parent()[0].rowIndex + 1;
alert("第 " + rowIdx + " 行");
});
});

Ⅲ js如何获取表格中某一行的单元格数

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length//获取id为first的行的单元格数目

实例演示如下：

  1. 创建Html元素

    <divclass="box">
    	<span>实例演示：获取表格第一行的单元格数量</span><br>
    	<divclass="content">
    	<table>
    	<trid="first"><td>1</td><td>2</td><td>3</td></tr>
    	<tr><td>4</td><td>5</td><td>6</td></tr>
    	<tr><td>7</td><td>8</td><td>9</td></tr>
    	</table>
    	<inputtype="button"value="获取表格第一行的单元格数量"onclick="fun_get()">
    	</div>
    </div>

  2. 简单设置一下css样式

    div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
    div.box>span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
    table{border-collapse:collapse;}
    td{width:80px;height:30px;line-height:30px;text-align:center;border:1pxsolidgreen;}

  3. 编写jquery代码

    <script>
    functionfun_get(){
    	alert(document.getElementById('first').cells.length);
    }
    </script>

  4. 观察效果

Ⅳ 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 获取当前表格里面列td的属性值

$(this).attr("EditType");
$(this).prop("EditType");

Ⅵ JS中，怎样在表格中添加统计行，获取某个字段的总计值

问题还需要再明确一些。

计算总计值，应该只能便利table，然后把数据相加了。

Ⅶ 在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获取表格某行某列的值相关的资料

热点内容
如何注销核桃编程 浏览：83
哪个照片合成app好用 浏览：224
word怎样设计边距 浏览：963
佳明手表如何连接佳速度app 浏览：824
我那个文件夹的图片 浏览：861
安卓手机如何打开asv文件 浏览：593
ebt文件怎么打开 浏览：747
互动作业最新版本下载安装 浏览：592
微信群聊名字亲戚 浏览：998
dede手机同步教程 浏览：817
安卓能成视频的壁纸 浏览：659
linuxcrontab每5分钟 浏览：391
excel文件无法打开是空白 浏览：980
g76编程如何控制走刀次数 浏览：96
用社保app认证怎么认证 浏览：32
icloud可以储存哪些数据 浏览：30
36岁幼儿编程是学什么的 浏览：470
日版iphone拍照声音关闭 浏览：230
升级异界套有用吗 浏览：844
压缩文件误删手机 浏览：559

友情链接