Javascript OnClick事件错误

好的，这就是我的javascript。。我有几个按钮（sub1、sub2、sub3和sub4）都显示不同的div（bt1、bt2、bt3和bt4）

这是编码到my html中的按钮本身，然后它显示的div是一个简单的div：

<input id='bt1' type="image" src='button.png' alt="Submit" onclick="setVisibility('sub1');";>

文本在此显示

但是当我点击按钮时，什么也没发生，我很困惑我做错了什么，所以如果有人愿意指出我的错误的话。谢谢

---

编辑：删除额外的Html错误；不起作用，去掉“远离”子按钮使第四个按钮出现并消失

这里的问题是函数中的变量定义无效。它应该定义一个变量，而不是一个字符串，您可以使用该变量来针对所讨论的元素

<div style="display: none;" id='sub1'>Text Goes Here</div>

您的HTML中还有一个语法错误，正如其他人在您文章的评论中所指出的，即：

function setVisibility(subId){
 var element = document.getElementById(subId);
 ...

---

必须声明不带撇号的函数参数；像这样：

<input id='bt1' type="image" src='button.png' alt="Submit" onclick="setVisibility('sub1');" />

---

尝试此操作

您的HTML无效。您的

输入以
；>，应该是
。如果您修复了语法错误怎么办？您有一个附加的
onclick
属性后的code>。你的函数签名也是错误的，参数定义不是字符串。嘿，我试过了，现在当我单击任何按钮时，它会隐藏和取消隐藏bt4（第四个按钮）帮助D：你还必须将var‘element’修复为document.getElementById（sub）；请参阅我的editso var文档。getElementById（sub）=文档。getElementById（sub）；？？WUTNo:D，
var元素=document.getElementById（sub）变量元素=document.getElementById（sub1）；这对我来说仍然毫无用处D：
<input id='bt1' type="image" src='button.png' alt="Submit" onclick="setVisibility('sub1');";>

<input id='bt1' type="image" src='button.png' alt="Submit" onclick="setVisibility('sub1');" />

function setVisibility(sub){
  var element = document.getElementById(sub);

function setVisibility(id){ 
   var element = document.getElementById(id);
     if( 'none' == element.style.display ){ 
         element.style.display = 'block';
     }else{ 
          element.style.display = 'none';  
     } return false;
 }