通过 ID 更改 LI 的颜色（物化，Javascript）

Question

我有很多列表项（li's），每一项都有自己的 ID。有没有办法通过其 ID 更改特定 Li 的颜色，例如通过按钮或其他东西（请在 Javascript 中使用）。感谢您的帮助！

  const li = `
  <li id= "${doc_id}">
    <div class="collapsible-header grey lighten-4 right-align"> ${name} ${distance}km von dir entfernt (${Ort},${PLZ}) </div>
    <div class="collapsible-body white"><span>lol${name} lat</span>
    
  </li>
`;

Answer 1

你可以做这样的事情，循环并使用 setAttribute 来应用一个类。

const ul = document.getElementById("list");
const items = ul.getElementsByTagName("li");
console.log("+++", items);

for(let i=0; i<items.length; i++) {
  items[i].setAttribute("class", "test");
}

.test {
  color: #f00;
}

<ul id="list">
  <li>
    Test
  </li>

  <li>
    Test
  </li>
  <li>
    Test
  </li>
  <li>
    Test
  </li>
  <li>
    Test
  </li>
  <li>
    Test
  </li>
  <li>
    Test
  </li>
  <li>
    Test
  </li>
</ul>