这个方法就可以:
<html><head>
<title>changeTdColor</title>
<style>
table,td{
border:1px solid black;
border-collapse:collapse;
}
td{
border:1px solid black;
border-collapse:collapse;
width="30px";
height="15px";
}
</style>
<script>
function changeColor(obj){
var bgColor = Mathfloor(Mathrandom()255255255);
objstylebackgroundColor = bgColor;
}
</script>
</head>
<body>
<table>
<tr>
<td onClick="changeColor(this)">1</td>
<td onClick="changeColor(this)">2</td>
<td onClick="changeColor(this)">3</td>
</tr>
<tr>
<td onClick="changeColor(this)">4</td>
<td onClick="changeColor(this)">5</td>
<td onClick="changeColor(this)">6</td>
</tr>
<tr>
<td onClick="changeColor(this)">7</td>
<td onClick="changeColor(this)">8</td>
<td onClick="changeColor(this)">9</td>
</tr>
</table>
</body>
</html>
var checkboxes = documentgetElementById('yourId')getElementsByTagName('checkbox');
for ( var i; i< checkboxeslength; i++){
if(checkboxes[i]checked==true){
checkboxes[i]parentNodestylebackgroundColor="#369";
}
}
把上面的js,改动一下yourId,和背景颜色值,放到你的查询输出后的yourId标签外部后面。
手写代码,不保证正确。
以上就是关于JS怎样获得td的背景颜色全部的内容,包括:JS怎样获得td的背景颜色、页面加载的时候用js如何获取到checkbox已经选中 改变选中的tr的背景颜色 急求答案 !!!!、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)