Javascript 不要更改背景

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，returns一个数组。您需要从这个数组中选择您要更改的那个或使用 ids

Javascript 不要更改背景

Javascript Dont Change The Background

html

javascript

background-color