问题:
在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 οnmοuseοver="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 οnmοuseοver="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>