如何在表格中为一行制作红色背景?

时间:2014-06-14 00:23:21

标签: javascript

我正在尝试使用某个ID为行添加颜色,在我的情况下id=oneX为红色。 我尝试了以下

<html>
<body>
<script src="http://www.ajax.googleapis.com/ajax/libs/jquery/1.11.1/qjuery.min.js">
</script>
<script>
function makeRed() {
$("tr#oneX").attr("background-color","red");
}
</script>
<table>
<tr id="oneX"><td>test1</td></tr>
<tr id="twoX"><td>test2</td></tr>
<button onclick="makeRed()">Make Red</button>
</table>
</body>
</html>

但无法使其发挥作用

1 个答案:

答案 0 :(得分:2)

您的代码中有一些拼写错误:使用jquery检查脚本标记background-color并使用$().css代替attr

见工作的plunker http://plnkr.co/edit/uTgnzeU7xmBBGRZxuUZf?p=preview

<html>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function makeRed() {
$("tr#oneX").css("background-color","red");
}
</script>
<table>
<tr id="oneX"><td>test1</td></tr>
<tr id="twoX"><td>test2</td></tr>
<tr><td><button onclick="makeRed()">Make Red</button></td></tr>
</table>
</body>
</html>