更改所有<li>项目背景颜色

Question

我想更改所有列表项的背景.我有这个,但它不起作用.

// Get all <li> elements in the document
var x = document.querySelectorAll("li"); 

for (let i = 0; < x.length; i++;) {

x[i].style.backgroundColor = "red"; 
}

Answer 1

错字错误:

替换for (let i = 0; < x.length; i++;)为for (let i = 0; i < x.length; i++)

还有一个错字: ;之后i++

你的JS是正确的,它只是有一个错字.

var x = document.querySelectorAll("li");

for (let i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}

li {
  color: white;
  text-align: center;
  border: 1px solid white;
  font-weight: 900;
}

<ul>
  <li>YOUR</li>
  <li>JAVASCRIPT</li>
  <li>IS</li>
  <li>WORKING</li>
</ul>