在javascript中更改线条颜色

我想在单击按钮时更改第2行的背景色，但唯一更改的是整个背景

函数changeColor（）{
document.body.style.backgroundColor=“黑色”；
document.getElementByID（“Div2”）.style.backgroundColor=“黑色”；
}

第1行
第2行
第3行
更改颜色

尝试以下操作：

第1行
第2行
第3行
变色
函数changeColor（）{
var line=document.getElementById（“行”）；
line.style.backgroundColor=“黑色”；
line.style.color=“白色”；
}

试试这个：

第1行
第2行
第3行
变色
函数changeColor（）{
var line=document.getElementById（“行”）；
line.style.backgroundColor=“黑色”；
line.style.color=“白色”；
}

您需要同时更正html标记和js

首先，需要向div添加“id”属性（以便能够使用getElementById找到它）

无法使用div2标记，它无效

只更改div的背景，删除更改主体背景的js

---

第1行
第2行
第3行
变色
函数changeColor（）{
document.getElementById（“div2”）.style.backgroundColor=“绿色”；
}

您需要同时更正html标记和js

首先，需要向div添加“id”属性（以便能够使用getElementById找到它）

无法使用div2标记，它无效

只更改div的背景，删除更改主体背景的js

---

第1行
第2行
第3行
变色
函数changeColor（）{
document.getElementById（“div2”）.style.backgroundColor=“绿色”；
}

您应该避免使用“onclick”属性。首选“addEventListener”，并尝试使函数通用：

HTML:

<div>Line 1</div> 
<div id="div2" class="line">Line 2</div>  
<div>Line 3</div>  
<button id="btn">Change color</button>

// The function :    

function changeColor(idElement, color) {
    document.getElementById(idElement).style.backgroundColor = color;
}

// The listener :

document.getElementById('btn').addEventListener('click', function() {
    changeColor('div2', 'red');
});

您应该避免使用“onclick”属性。首选“addEventListener”，并尝试使函数通用：

HTML:

<div>Line 1</div> 
<div id="div2" class="line">Line 2</div>  
<div>Line 3</div>  
<button id="btn">Change color</button>

// The function :    

function changeColor(idElement, color) {
    document.getElementById(idElement).style.backgroundColor = color;
}

// The listener :

document.getElementById('btn').addEventListener('click', function() {
    changeColor('div2', 'red');
});

---

没有投票关闭主题的事情，因为问题是由打字错误引起的：

getElementById

的大小写为

d

。没有投票关闭主题的事情，因为问题是由打字错误引起的：

getElementById

的大小写为小写

d

。多亏了我花了很多时间才一事无成，我忘了提出一个问题：是否可以将文本“第2行”变成白色，以便可读？@ChristoFourie补充道color@ChristoFourie如果这个答案对你有帮助，请接受。非常感谢，我花了几个小时才一事无成，“我忘了提出一个问题，是否可以将文本“第2行”变为白色，以便可读？”ChristoFourie添加了白色color@ChristoFourie如果这个答案对你有帮助，请接受。好的，我已经添加了我的解释。不要将答案标记为无效（而答案实际上解决了您的问题）-只需询问解释即可。谢谢。好的，我已经添加了我的解释。不要将答案标记为无效（而答案实际上解决了您的问题）-只需询问解释即可。谢谢