标签 javascript html css
<分区>
我想在单击按钮时更改第 2 行的背景颜色，但唯一改变的是整个背景。
function changeColor() {
document.body.style.backgroundColor = "black";
document.getElementByID("Div2").style.backgroundColor = "black";
}<div id="Div2">
<div>Line 1</div>
<div2 class="line">Line 2</div2>
<div>Line 3</div>
<button onclick="changeColor()">Change color</button>最佳答案
试试这个:
<div id = "Div2">
<div>Line 1</div>
<div id="line">Line 2</div>
<div>Line 3</div>
<button onclick="changeColor()">Change color</button>
<script>
function changeColor(){
var line = document.getElementById("line");
line.style.backgroundColor = "black";
line.style.color = "white";
}
</script>有几点你做错了:
div2不是有效的 HTML 标记getElementByID()必须是 getElementById() getElementById()需要 id作为参数 an 返回具有此 id 的元素。所以你必须给你的线路一个ID:<div id="line">Line 2</div> 编辑:添加了白色字体颜色
关于javascript - 在javascript中更改线条颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47590079/