Javascript改变<ul> </ul> </li>的特定<li>的颜色

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而不是第三方库的解决方案。谢谢！

Answer 1

我使用你的js函数做了一个小提琴： http://jsfiddle.net/Ahb8F/

它运作正常，您是否期望/想要其他东西？

Answer 2

您的代码正常

http://jsfiddle.net/Z7bMa/

Answer 3

这是一个奇怪的错误。我刚刚尝试过你做的事情，它对我来说很好：http://jsfiddle.net/4aGag/