已给表的td设置了id值，现根据td中的内容来设置td的样式，比如值是未修改，那它的颜色就为红色。用js实现
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function $(id){return document.getElementById(id);}
function checkcolor(tid){
if($(tid).innerText=="未修改"){
$(tid).style.color="#ff0000";
}
}
</script>
</head>
<body onload="checkcolor('abc')">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" id="abc">未修改</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function $(id){return document.getElementById(id);}
function checkcolor(tid){
if($(tid).innerText=="未修改"){
$(tid).style.color="#ff0000";
}
}
</script>
</head>
<body onload="checkcolor('abc')">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" id="abc">未修改</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
追问
只能修改第一个td的样式呢，如果后面的td的值改成“未修改”，颜色还是不变
追答
你上面的问题只是问怎么通过值来改颜色啊
你想改td的值就改这里
function checkcolor(tid){
$(tid).innerText="要改的值";
if($(tid).innerText=="未修改"){
$(tid).style.color="#ff0000";
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样才精简：
$('td').each(function(){$(this).addClass($(this).text()=='未修改'?'red':'default');});
$('td').each(function(){$(this).addClass($(this).text()=='未修改'?'red':'default');});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
td里面的值怎么改啊 没明白，里面应该有INPUT吧 要不只能用 JS来改里面的值 请你补充问题
追问
就是用js更具td里面的值来设置td的样式
追答
.aaa{
color: red;
}
未修改
未修改
未修改
修改
修改
修改
$("table").find("td").each(function(index, elem){
if(elem.innerHTML=="未修改"){ $(this).attr("class","aaa");}
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
