導航:首頁 > 編程語言 > 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獲取表格某行某列的值相關的資料

熱點內容
我那個文件夾的圖片 瀏覽：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
ghost文件夾不存在 瀏覽：244
word圖片沖蝕 瀏覽：526
ps嵌入文件匹配 瀏覽：868
修改網卡配置文件圖片 瀏覽：577

友情鏈接