正在檢索所選行中的<TD>的值

鑑於下面的代碼，我如何修改它，使其能夠提醒我任何選定行的第一列中的值是多少？正在檢索所選行中的<TD>的值

即選擇行是第二位，所以，警報（「橙子」）

<html> 
<head> 
<script type="text/javascript"> 
window.onload = function() { 

var x = '<table id="mstrTable" border="1" cellspacing="1" width="100">\n' 
     + '<tr><td>Apples</td><td>Carrots</td></tr><tr><td>Oranges</td><td>Celery</td></tr>\n' 
     + '</table>\n' 
document.getElementById('test').innerHTML = x 
var color = "#E1E0D7" 
var rows = document.getElementById("mstrTable").getElementsByTagName("tr"); 
var n = rows.length; 
var bgcs = []; 
for(var i=0; i<n; ++i) bgcs[i] = rows[i].style.backgroundColor; 

function changeColor(e) { 
if(!e) e = window.event; 
var o = e.target? e.target: e.srcElement; 
while(o.tagName && o.tagName.toLowerCase()!="tr") o = o.parentNode; 
    for(var i=0; i<n; ++i) { 
    rows[i].style.backgroundColor = bgcs[i]; 
    if(rows[i]==o) rows[i].style.backgroundColor = color; 
    } 
}//end of function 

if(document.addEventListener) for(var i=0; i<n; ++i) rows[i].addEventListener("click", changeColor, false); 
else for(var i=0; i<n; ++i) rows[i].attachEvent("onclick", changeColor); 

}//end of onload() 
</script> 
</head> 
<body> 
<div id="test"></div> 
</body> 
</html>

來源

2012-06-22 Jason Kelly

回去接受回答您以前的問題。 –

如果你自己寫了所有這些，那麼它應該是一個簡單的修改。如果你沒有，那麼我建議你自己試試看，這樣你就可以從中學習。 –

var rows = document.getElementById("mstrTable").getElementsByTagName("tr"); 
function getFirstCol(row){ 
    alert(row.getElementsByTagName('td')[0].innerHTML); 
} 
// Example usage 
getFirstCol(rows[0]);

來源

2012-06-22 19:07:48 TheZ

工程就像一個魅力！非常感謝您的幫助和時間。非常感激。 –

獲取tr節點的孩子，當你改變顏色。

if(rows[i]==o) { 
    rows[i].style.backgroundColor = color; 
    console.log(rows[i].children[0]) 
}

DEMO

來源

2012-06-22 19:08:41 sachleen

錯誤：[OBJECT] –

回答

相關問題