本文介绍如何使用JavaScript操作DOM元素，通过鼠标悬停事件改变表格行内所有单元格的背景色。针对tab11格式表格，解决了样式冲突问题。
问题：
在js中操作dom，想要获得tr下的td
描述：想要鼠标经过改变整行的背景色，但是因为表中使用到了tab11格式，在格式中定义了tr的背景色，出现冲突，所以现在改变所有td的背景色。我们就需要获得tr下的td
<table class="tab11">
<tr>
<td>11111</td>
<td>22222</td>
</tr>
</table>
解决：
<table class="tab11">
<tr onmouseover="changeColor(this,'blue');" onmouserout="changeColor(this,'red');">
<td>11111</td>
<td>22222</td>
</tr>
</table>
<script>
function changeColor(obj,colorCode){
$("td",obj).css("background-color",colorCode);
}
</script>
在js中操作dom，想要获得tr下的td
描述：想要鼠标经过改变整行的背景色，但是因为表中使用到了tab11格式，在格式中定义了tr的背景色，出现冲突，所以现在改变所有td的背景色。我们就需要获得tr下的td
<table class="tab11">
<tr>
<td>11111</td>
<td>22222</td>
</tr>
</table>
解决：
<table class="tab11">
<tr onmouseover="changeColor(this,'blue');" onmouserout="changeColor(this,'red');">
<td>11111</td>
<td>22222</td>
</tr>
</table>
<script>
function changeColor(obj,colorCode){
$("td",obj).css("background-color",colorCode);
}
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
