導航:首頁 > 編程語言 > js獲取tr

js獲取tr

 發布時間：2023-09-19 21:48:04

Ⅰ js獲取table裡面<tr>一整行的信息

給tr一個id，然後獲取

//XX是id，string是獲得的值
var row = document.getElementById('XX');
var string = row.innerHTML;

Ⅱ js 得到TR里某個td的值

這個用jquery很容易的 $("tr").find("td").eq(7)就是獲得當前行的第八列

原生態js寫法是 window.event.srcElement.parentElement.parentElement.childNodes獲得所有的td 循環一下就行了

Ⅲ html JS 獲取tr/td 表單元素下面的各個值

這是獲來得每個源tr 中td 的內容
<script>
$('#myTableProct tr').each(function(index,ele){
$(this).find('td').each(function(index,ele){
alert($(ele).html());
})
})
</script>
不用謝我

------君少

Ⅳ js 遍歷 tr

我估計你是這么做的

for tr in table.trs
tr.td(第3個).add(click);

是不是?
如果是,那麼你取第3個做法是錯誤的!
就以你這個例子來講,第2行就該取td(第2個)

Ⅳ 用js選擇器獲得table中tr里第二個td

<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td height="25">第一行</td>
</tr>
<tr>
<td height="25">第二行</td>
</tr>
<tr>
<td height="25">第三行</td>
</tr>
<tr>
<td height="25">第四行</td>
</tr>
<tr>
<td height="25"><input type="button" name="getTableContent" value="獲得表格內容" onclick="getTableContent(this)"></td>
</tr>
</table>

如上所示代碼，按鈕點擊事件中傳入this對象，此對象就是按鈕本身。通過以下方法測試獲取表格的數據

<script language="javascript">
function getTableContent(node) {
// 按鈕的父節點的父節點是tr。
var tr1 = node.parentNode.parentNode;
alert(tr1.rowIndex);
alert(tr1.cells[0].childNodes[0].value); //獲取的方法一
alert(tr1.cells[0].innerText);

// 通過以下方式找到table對象，在獲取tr，td。然後獲取td的html內容
var table = document.getElementById("tb1");//獲取第一個表格

var child = table.getElementsByTagName("tr")[rowIndex - 1];//獲取行的第一個單元格

var text = child.firstChild.innerHTML;
window.alert("表格第" + rowIndex + "的內容為: " + text);
}
</script>

Ⅵ js 如何獲得被選中checkbox這行tr

<html>
<head>
<title>復選框刪除表格行</title>
<script type="text/javascript">
function del() {
var tb = document.getElementById("tb");
if (tb.rows.length < 2) {
return;
}
var row;
var cell;
var chk;
//倒著迭代可以少做一些處理
for (var i = tb.rows.length - 1; i > 0; i--) {//如果要迭代第一行(i > -1)即可
row = tb.rows[i];//迭代當前行
cell = row.cells[0];//復選框所在的單元格
chk = cell.getElementsByTagName("input")[0];//為單元格中第幾個INPUT元素
if (chk.checked) {//如果選中
tb.deleteRow(i);//刪除改行
}
}
}
var html;
function reTB() {
document.getElementById("contentDiv").innerHTML = html;
}
window.onload = function () {
html = document.getElementById("contentDiv").innerHTML;
}
</script>
</head>
<body>
<input type="button" value="刪除選中行" onclick="del()"/>
<input type="button" value="刷新" onclick="reTB()"/>
<div id="contentDiv">
<table id="tb" width="250px" border="1px" >
<tr><td style="width:20%"><input type="checkbox" /></td><td style="width:40%">姓名</td><td>分數</td></tr>
<tr><td><input type="checkbox" /></td><td>aa</td><td>60</td></tr>
<tr><td><input type="checkbox" /></td><td>bb</td><td>67</td></tr>
<tr><td><input type="checkbox" /></td><td>cc</td><td>59</td></tr>
<tr><td><input type="checkbox" /></td><td>dd</td><td>70</td></tr>
<tr><td><input type="checkbox" /></td><td>ee</td><td>80</td></tr>
<tr><td><input type="checkbox" /></td><td>ff</td><td>90</td></tr>
<tr><td><input type="checkbox" /></td><td>gg</td><td>hh</td></tr>
<tr><td><input type="checkbox" /></td><td>ii</td><td>98</td></tr>
<tr><td><input type="checkbox" /></td><td>jj</td><td>99</td></tr>
<tr><td><input type="checkbox" /></td><td>kk</td><td>100</td></tr>
</table>
</div>
</body>
</html>

Ⅶ js 通過td的id值 如何拿到tr的id值(動態獲取)

錯誤出在document.getElementById(dd)
因為頁面上id為2的出現了多個，而這樣獲取只會取到第一個，所以tr始終為相應的第1個.

按照你的寫法，用dd來保存tr的行數比較好，即i值。
然後通過document.all.table1.rows(i).id來獲取tr的id值。

Ⅷ js獲取table當前tr行第二列td的值

在a標簽上寫個class,用jq寫的
$(".a標簽的class").click(function(){
var text = $(this).parent("td").siblings("td").text();
alert(text)
})

Ⅸ 用javascript如何從tr中分別獲得每個td的元素

js獲取表格中每行的td元素方法：

<script>

var tb = document.getElementById("tb"); //根據id找到這個表格

var rows = tb.rows; //取得這個table下的所有行
for(var i=0;i<rows.length;i++)//循環遍歷所有的tr行
{
for(var j=0;j<rows[i].cells.length;j++)//取得第幾行下面的td個數，再次循環遍歷該行下面的td元素
{
var cell = rows[i].cells[j];//獲取某行下面的某個td元素

alert("第"+(i+1)+"行第"+(j+1)+"格的數字是"+cell.innerHTML);//cell.innerHTML獲取元素里頭的值

}

}

</script>


拓展使用jq幾行命令就能實現獲取td的值


$("#tb tr td").each(function(i, v){//針對tb表格下的所有td進行遍歷
alert("第"+(i + 1)+"格的數字是"+$(this).text());//返回當前td下的值
})

Ⅹ js如何獲得tr下面td的個數

vartable=document.getElementsByTagName("table")[0];
rows=table.rows;
varrownum=table.rows.length;
vari=0;
for(;i<rownum;i++){
document.body.appendChild("第"+i+"行有"+rows[i].cells.length+"個單元格");
}

閱讀全文

與js獲取tr相關的資料

熱點內容
linuxwpsxlsx 瀏覽：482
小米手機怎麼上移動網路連接失敗怎麼辦 瀏覽：598
win10系統打開java 瀏覽：479
全日制編程什麼意思 瀏覽：447
筆記本創建區域網怎麼傳文件 瀏覽：871
怎樣查看id密碼 瀏覽：647
贛州極客晨星少兒編程怎麼樣 瀏覽：690
覺醒年代哪個app可以免費觀看 瀏覽：830
如何關閉win10觸摸屏幕 瀏覽：761
蘋果142不能傳文件 瀏覽：128
如何看歷史底部數據 瀏覽：230
怎麼在電腦上下軟體或安裝app 瀏覽：798
qq頭像電影截圖情侶 瀏覽：87
安卓的網路位置設置在哪 瀏覽：973
編程俠官網如何登錄 瀏覽：484
借貸王app怎麼樣 瀏覽：552
qq黑鑽手機怎麼開通 瀏覽：465
dnf85版本爆ss視頻 瀏覽：514
gitlog前一個版本 瀏覽：718
蘋果6手機屏幕周邊多出一圈黑色 瀏覽：131

友情鏈接