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

熱點內容
5s1528支持什麼網路 瀏覽：558
win10電腦右鍵閃屏 瀏覽：739
微信商戶付款 瀏覽：892
台式機和筆記本如何傳文件 瀏覽：562
vs2008工具箱沒有可用控制項 瀏覽：434
小米4密碼鎖屏 瀏覽：135
微信掃文件小程序 瀏覽：446
資料庫行鎖 瀏覽：361
全局數據邏輯結構是什麼模型 瀏覽：496
資料庫如何分區 瀏覽：579
目標不支持長文件名怎麼辦 瀏覽：666
win7整人程序 瀏覽：804
制定好文件後部門簽什麼意思 瀏覽：417
韓順平第二版java視頻教程xml 瀏覽：241
券商app有什麼作用 瀏覽：276
用微信買火車票安全嗎 瀏覽：386
hg8321r版本刷機 瀏覽：881
死神來了app哪個好 瀏覽：869
linux訪問samba共享文件夾 瀏覽：906
條形統計表用什麼來呈現數據 瀏覽：383

友情鏈接