[英]Javascript get the text value of a column from a particular row of an html table
用戶單擊表格的一行,我想獲取(在 Javascript 中)假設該行的第 3 列的 innerhtml。
就像是 :
document.getElementById("tblBlah").rows[i].columns[j].innerHTML
似乎無法實現,我在這里或網上找不到任何東西。
非常感謝任何解決方案(沒有 jQuery)
document.getElementById("tblBlah").rows[i].columns[j].innerHTML;
應該:
document.getElementById("tblBlah").rows[i].cells[j].innerHTML;
但是我得到的明顯印象是您需要的行/單元格是用戶單擊的行/單元格。 如果是這樣,實現此目的的最簡單方法是將事件附加到表格中的單元格:
function alertInnerHTML(e)
{
e = e || window.event;//IE
alert(this.innerHTML);
}
var theTbl = document.getElementById('tblBlah');
for(var i=0;i<theTbl.length;i++)
{
for(var j=0;j<theTbl.rows[i].cells.length;j++)
{
theTbl.rows[i].cells[j].onclick = alertInnerHTML;
}
}
這使得所有表格單元格都可以點擊,並提醒它是innerHTML。 事件對象將傳遞給alertInnerHTML
函數,其中this
對象將是對被單擊的單元格的引用。 事件對象為您提供了大量關於您希望單擊事件如何表現的巧妙技巧,例如,如果單擊了單元格中的鏈接,但我建議檢查 MDN 和 MSDN(對於 window.event 對象)
如果你的桌子有 tbody
let tbl = document.getElementById("tbl").getElementsByTagName('tbody')[0];
console.log(tbl.rows[0].cells[0].innerHTML)
獲取 html 代碼:
document.getElementById("table").rows[i].cells[j].innerHTML;
獲取文本:
document.getElementById("table").rows[i].cells[j].innerText;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.