javascript - 使用JS响应列表项事件

Question

我正在尝试使用以下代码更改 ID 为“text”的 div 元素的 HTML

HTML代码:

<ul> 
      <li value="1" onclick="changeText(this.value);">about</li>
      <li value="2" onclick="changeText(this.value);">reg</li>
      <li value="3" onclick="changeText(this.value);">home</li>
</ul>

JS:

function changeText(value){  
  var text=document.getElementById("text");     
  if(value==1)text.innerHTML("You clicked on about!");
  if(value==2)text.innerHTML("You clicked on reg!");
  if(vaule==3)text.innerHTML("You clicked on home!");      
 //alignDiv();  
}

但是，它并没有改变 Div 元素的 HTML。任何帮助表示赞赏。谢谢!

Answer 1

问题

如果您正在查看控制台中的错误消息，这将非常有帮助:

Uncaught TypeError: Property 'innerHTML' of object #<HTMLDivElement>is not a function

在开发时，您应该始终使用控制台(可以是 Chrome 控制台、Firebug、Opera Dragonfly、IE 开发人员工具)，这是一个非常有值(value)的工具。

解决方案

innerHTML是一个属性，而不是一个方法，所以你应该这样设置:

text.innerHTML = "You clicked on about!";

Working jsFiddle Demo