Javascript 更改 <ul> 的特定 <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函数做了一个 fiddle : http://jsfiddle.net/Ahb8F/

效果很好，您是否期望/想要其他东西？