Question

我想更改我的列表背景，但它无法正常工作

我的代码：

change(num, element){
var text

if (num == 1){ ... }
else if (num == 2) { ... }
else { ... }

document.getElementById('text').innerHTML = text;

document.getElementByClass("left").style.backgroundColor = "black"; //<------ 
element.style.backgroundColor = "white";                            //<------
}

和我的HTML：

<ul>
   <li><a class="left" href="#" onclick="change(1,this)>First</a></li>
   <li><a class="left" href="#" onclick="change(2,this)>Second</a></li>
   <li><a class="left" href="#" onclick="change(3,this)>Third</a></li>      
</ul>

当我点击其中一个列表元素时，文字会发生变化，但背景颜色不会...

我如何解决这个问题？

谢谢，

Answer 1

没有getElementByClass这样的功能，只有getElementsByClassName，它返回一个数组。您需要选择要更改此阵列的那个或使用ID

Javascript不要改变背景

1 个答案: