Javascript 改变 的特定 的颜色

Question

我正在尝试使用 javascript 更改 ul 的特定 li 的颜色，但我的代码突出显示了列表的所有后续 li。这是代码:

<ul list style type = "none">
  <li id = "l0">this is line one</li>
  <li id = "l1">this is line two</li>
  <li id = "l2">this is line three</li>
</ul>

function highlight(name,color) {
  var a = document.getElementById(name);
  a.style.color = color;
}

当我用类似的东西调用它时

highlight("l0","orangered");

它改变了“l0”到“l2”的颜色，而不仅仅是“l0”。我非常喜欢只使用 javascript 的解决方案，而不是第 3 方库。谢谢!

Answer 1

我用你的 js 函数做了一个 fiddle : http://jsfiddle.net/Ahb8F/

它运行良好，您是否期望/想要其他东西？