Question

我正在创建一个包含以下代码的网页。

<script>
function changeColor(c) {
document.getElementById("message").style.color=c;
}
</script>
<p id="message">Welcome!</p>
<ul id="color">
<li>Black</li>
<li>Red</li>
</ul>

我需要确保当我点击列表中的项目时，欢迎的文本颜色！消息会改变。你应该使用哪种声明？

Answer 1

<li onclick="changeColor(this.innnerHtml)"> Black </li>

Answer 2

新功能： JS Fiddle using the font color (not text) and JS to attach the event

JS Fiddle of the Below

<script>
   function changeColor(c) {
      document.getElementById("message").style.color=c;
   }
</script>

<p id="message">Welcome!</p>
<ul id="color">
   <li onclick="changeColor(this.innerHTML);">Black</li>
   <li onclick="changeColor(this.innerHTML);">Red</li>
</ul>

注意： 的

这不是最好的方法，特别是如果你有很多列表元素。更好的方法是使用JavaScript;获取color无序列表，循环遍历每个循环元素，并将changeColor(this.innerHTML)添加到click事件。

可以使用

innerText代替innerHTML

选定列表项目颜色更改

2 个答案: