Question

js 点击改变tr背景色 id是动态获取的。

表格是后台添加的。所以id也是变化的。现在需要点击一行获取id并且改变背景色。目前我只能获取id，却不太会改变背景色呢。。贴段代码
后台获取表：
DataTable _dt = ds.Tables[0];
if (_dt != null && _dt.Rows.Count > 0)
{
foreach (DataRow dr in _dt.Rows)
{
html.Append("<tr class='main_tr_data' id='" + dr["Id"].ToString() + "' onclick='SelectID(this.id)'>");
html.Append("<td class='td_data'><nobr>" + dr["Title"].ToString() + "</nobr></td>");
html.Append("</tr>");
}
}
前台获取id：
//点击获取行id并变色
function SelectID(thisid) {
var id = thisid
document.getElementById("hidID").value = id;
document.getElementById(thisid).style.backgroundColor = "#c1ebff";

}

这样获取id就没效果。如果写成
document.getElementById(“43”).style.backgroundColor = "#c1ebff";

就有效果。求大侠们帮我改改。

Answer 1

document.getElementById(id).style.backgroundColor = "#c1ebff";

追问

这和thisid有区别么。。还是不行哦。。。

Answer 2

你的代码没有发现什么问题。

可以在控制台上看看显示什么错误。

追问

怎么在控制台上看错误啊？菜鸟求解。。

追答

你用什么浏览器。
一般F12都能打开控制台。要学会用这个，呵呵。

追问

360的。 。我按f12 打开的是审查元素？。。不太会耶

追答

360没有的，你有别的浏览器吗？或者只有360有问题吗？

追问

有了。提示说
SCRIPT5007: 无法设置属性“value”的值: 对象为 null 或未定义
是不是这句有问题：
document.getElementById("hidID").value = id;

但是看着没错啊。。

追答

可能是没有找到id为hidID的element。

你找找页面里有这个吗？

追问

有的。而且我测试都能测出id的值

追答

document.getElementById("hidID").value = id;

把这个改成
alert(document.getElementById("hidID"));
再试试，看看弹出什么。

追问

document.getElementById("hidID").value = id;
alert(document.getElementById("hidID").value);
这样提示的就是id号

追答

那意思是找到这个标签了，但是为什么会有那个错误呢。
你追问的时候能传附件吗？
把你的页面传上来。

现在还有这个错误吗？
SCRIPT5007: 无法设置属性“value”的值: 对象为 null 或未定义

追问

一个非常神奇的事情；
function SelectID(thisid) {
var id = thisid
document.getElementById("hidID").value = id;
alert(id);
document.getElementById(id).style.backgroundColor = "#c1ebff";
}
这么写弹出对话框后行会变色。
去掉 alert(id);就不会变色了。。

追答

tr只传this

<tr onclick="SelectId(this)">

function SelectId(obj) {
obj.style.backgroundColor = '#c1ebff';
document.getElementById("hidID").value = obj.id;
}

其实和你的差不多

追问

。。。唉。还是不行。算了。。。等师父回来问他好了