检索所选行中 <TD> 的值
Retrieving Value of the <TD> in the selected row
给定下面的代码,我怎样才能修改它,以便它会提醒我任何选定行的第一列中的值是多少?
即所选行是第二行,因此,警报("橙色")
<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>
var rows = document.getElementById("mstrTable").getElementsByTagName("tr");
function getFirstCol(row){
alert(row.getElementsByTagName('td')[0].innerHTML);
}
// Example usage
getFirstCol(rows[0]);
更改颜色时获取tr
节点的子节点。
if(rows[i]==o) {
rows[i].style.backgroundColor = color;
console.log(rows[i].children[0])
}
演示
相关文章:
- 在同一tr-jQuery中获取td的值
- 如何通过Javascript更改以前TD中的值
- 我想在 td 的值发生变化时更改突出显示的 td
- 无法动态设置表的 td 元素的值
- 如何在MVC中点击时获取TD的值
- 根据数据库中的值更改 td 单元格的颜色
- 如何使用 Jquery 将字段中的值设置为表 td
- 在 foreach 循环中获取 TD 的值
- jQuery 获取表中 td 的值
- 如何使用 JQuery 获取表的第一个 td 的值
- 如何在 JavaScript 或 jQuery 中获取 TD 的值
- 在 HTML 表中循环并获取每个 tr 的每个 TD 的值
- 在 Jquery 中获取 TD 的值
- 如何使用类名获取最接近的 TD 的值
- 访问表中的 td 内部值
- 如何使用C#读取TD的值
- 如何在javascript中获取列表中td的值
- 如何在特定的tr中找到td的值
- 如何使用jquery获取td的值
- 如何检查表td的值