如何在表中爲一行創建紅色背景？

我想用一個特定的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>

但不能使它工作

來源

2014-06-14 Buras

在純JS你會這樣做：'document.getElementById（'oneX'）。style.backgroundColor ='red''。 – RobG

你有一對夫婦在你的代碼輸入錯誤的：檢查你的腳本標記與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>

來源

2014-06-14 00:28:25 maurycy

您可能會提到'background-color'不是HTML元素的屬性，這就是爲什麼它不起作用。 –

我仍然在第12行得到'Object required'錯誤。。。上述代碼是否可以在您的計算機上運行？ – Buras

我複製了工作的plunker，但它不起作用，我可以;不明白'object required'錯誤是什麼。 – Buras

-1

試試這個。

<html> 
<body> 
<script src="http://www.ajax.googleapis.com/ajax/libs/jquery/1.11.1/qjuery.min.js"> 
</script> 
<script> 
function makeRed() { 
$("#oneX").css({"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>

來源

2014-06-14 00:25:00

您的代碼仍然包含'qjuery'錯字和無效地址 - 部分'wwww'。 –

它應該是'{「background-color」：「red」}'。此外，你已經錯過了[maurycy指出]（http://stackoverflow.com/a/24215465/1064325）：'jquery'錯字。 – falsarella

如何在表中爲一行創建紅色背景？

回答

相關問題