所選列表項顏色更改

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使用字體顏色（非文本）和JS附加事件

---

下方的JS小提琴

<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>

注意：

1. 這不是執行此操作的最佳方法，特別是如果您有很多列表元素。 更好的方法是使用JavaScript。 獲取color無序列表，遍歷每個循環元素，然后將changeColor(this.innerHTML)添加到click事件。

2. 可以使用innerText代替innerHTML