js 单击选中td 使td变化背景颜色
<scripttype="text/javascript">functionsetSelectedBgColoronclick(curobj){varObj=null;O...
<script type="text/javascript">
function setSelectedBgColoronclick(curobj) {
var Obj=null;
Obj=document.getElementById(curobj);
Obj.style.color='red';
}
</script>
<td height="72"><input type="submit" class="submitSize" value="<%=prepared_name %>" onclick="setSelectedBgColoronclick(this.id);" /></td>
选中之后就变颜色，在单击就变回原来的颜色。否则不变。除非刷新页面 展开
function setSelectedBgColoronclick(curobj) {
var Obj=null;
Obj=document.getElementById(curobj);
Obj.style.color='red';
}
</script>
<td height="72"><input type="submit" class="submitSize" value="<%=prepared_name %>" onclick="setSelectedBgColoronclick(this.id);" /></td>
选中之后就变颜色，在单击就变回原来的颜色。否则不变。除非刷新页面 展开
3个回答
展开全部
献上微薄之力
<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 = Math.floor(Math.random()*255*255*255);
obj.style.backgroundColor = 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>
<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 = Math.floor(Math.random()*255*255*255);
obj.style.backgroundColor = 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>
追问
我这个是变颜色的。我的意思是鼠标移走的时候颜色还在，除非刷新。或者是在单击一下颜色就恢复了
追答
帮你整了个万能的试试效果吧
changeTdColor
table,td{
border:1px solid black;
border-collapse:collapse;
}
td{
border:1px solid black;
border-collapse:collapse;
width="30px";
height="15px";
}
var preColors = new Array();
function changeColor(obj){
for(var i = 0;i
1
2
3
4
5
6
7
8
9
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById("tdId").style.backgroundColor="red";
tdId 是td的id
tdId 是td的id
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
