好吧,我正在用 PHP 用来自 DB 的值填充一个表
我尝试但未成功的不是在单击图像时更改 tr 背景颜色
这是我尝试做的
<script>
function changeColor(tr)
{
var tableRow = document.getElementById(tr);
tableRow.style.backgroundColor='red';
}
</script>
<html>
<table>
<tr id='tr<?php echo $personID;?>'>
<td>
<?php echo $personName;?>
</td>
<td>
<?php echo $personLastName;?>
</td>
<td>
<img src= "/*an image*/" onmouseover="" style="cursor: pointer;" onclick="changeColor('tr<?php echo $personID;?>')" >
</td>
</tr>
</table>
</html>
很明显,这只是一种情况,但是当我从数据库中获取元素时,这张表很长
有什么想法吗?
提前致谢
还有一点
我的表已经有一个 css 设计,其中
td
{
background: #EDEDED;
}
tr:hover
{
background: #d0dafd;
}
这可能就是为什么执行 onclick="this.parentNode.parentNode.style.background='gray'"
不工作我该如何解决?
最佳答案
您可以简单地使用 parentNode : DEMO
<img src="http://dummyimage.com/50x50"
onmouseover="this.parentNode.parentNode.style.background='gray'"
onmouseout="this.parentNode.parentNode.style.background=''"
/>
img->parentNode=td -> parentNode=tr
关于javascript - 单击 td 内的 img 时更改 tr 背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23450999/