javascript - 我想知道如何通过 javascript 更改特定 <url> 中特定 <li> 的样式

Question

我想知道如何更改特定的样式 <li>特别是<ul>通过 JavaScript

我的代码是这样的

<ul id="menu">
  <li id="number1"><a href="#1">1</a></li>
  <li id="number2"><a href="#2">2</a></li>
</ul>

现在假设我想更改 li#number1 的背景颜色的 ul#menu使用 JavaScript。

Answer 1

这是您在纯 JavaScript 中的解决方案:

var el = document.querySelector('#number1');
el.addEventListener('click', function(e) {
    el.style.backgroundColor = 'blue';
});