Javascript 如何仅为表格中的一行制作红色背景？_Javascript

Javascript 如何仅为表格中的一行制作红色背景？

javascript

Javascript 如何仅为表格中的一行制作红色背景？,javascript,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

我试图用特定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>


函数makeRed（）{
$（“tr#oneX”）.attr（“背景色”、“红色”）；
}
测试1
测试2
变红

但是不能让它工作

试试这个

<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>


函数makeRed（）{
$（“#oneX”）.css（{“背景色”，“红色”}）；
}
测试1
测试2
变红

您的代码中有几个输入错误：使用jquery检查脚本标记，

背景色

，并使用

$（）.css

而不是

attr

看到工作的plunker了吗


函数makeRed（）{
$（“tr#oneX”）.css（“背景色”、“红色”）；
}
测试1
测试2
变红

您的代码仍然包含

qjuery

打字错误和无效地址部分

wwww

。它应该是

{“背景色”：“红色”}

。另外，您还错过了什么：jquery的输入错误。您可能会提到，

背景色

不是html元素的属性，这就是它不起作用的原因。我仍然在第12行出现了

所需对象

错误。上面的代码在你的电脑上工作吗？我复制了工作的plunker，但它不工作，我可以；无法理解所需的

对象

错误是什么。所需的

对象

错误是

onclick

需要一个函数，但由于某些原因，它找不到对该函数的引用，可能是缓存，或者您以不同的顺序复制了它。我已经编辑了我的plnkr，以便在普通JS中只使用jquery而不使用onclick属性，您可以这样做：

document.getElementById（'oneX'）.style.backgroundColor='red'

。

<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>