Javascript 按循环向所有div显示none,并显示我要显示的特定div

Javascript 按循环向所有div显示none,并显示我要显示的特定div,javascript,html,Javascript,Html,我使用的是Javascrip,我有一个类似下面的函数,我想隐藏所有div。但是我不知道为什么这段代码不起作用。有人能帮我吗 爪哇文字 function showDiv(divTag,id) { var i; for(i=1;i<7;i++) { document.getElementById(divTag+i).style.display = 'none'; } document.getElementById(d

我使用的是Javascrip,我有一个类似下面的函数,我想隐藏所有div。但是我不知道为什么这段代码不起作用。有人能帮我吗

爪哇文字

 function showDiv(divTag,id)
    {
     var i;
      for(i=1;i<7;i++)
     {
       document.getElementById(divTag+i).style.display = 'none';
     }
      document.getElementById(divTag+id).style.display = 'block';
    }
函数showDiv(divTag,id)
{
var i;
对于(i=1;i

产生javascript语法错误。这应该是

<a href="#" onClick="showDiv('hide_',1)">Show Only Div1</a>  

检查“隐藏”周围的单引号有几点:

  • “onclick”
    (而不是
    “onclick”
    )是在html和JavaScript中分配单击事件处理程序的正确方法

  • 你在
    中从1循环到6(i=1;我也可以请你描述一下你打算做什么?这样我就可以用相同的:-)来编写代码和编辑我的文章了+1。关于你提到的第一点。我认为我们应该不断努力实现XHTML合规性,并使用小写HTML属性。:)你想用你真正想要的东西来更新上面的问题吗?而且,当我在编辑器中复制并粘贴你的代码时,出现了一个语法错误,我纠正了这个错误。我没有复制并粘贴cose。我在这里写了它,所以我犯了一些错误。@user1379021如果你没有复制粘贴你的代码,我们怎么能调试它呢,你试过我在另一个答案中建议的解决方案了吗?是的。@Oleg在上一个答案中一步一步地正确解释了一切。我甚至要求你从功能上描述你到底想要什么,以便我们可以指导你。
    
     <a href="#" onClick="showDiv(\"hide_\",1)">Show Only Div1</a>
        <div id="hide_1">
        Abc
        </div>
         <a href="#" onClick="showDiv(\"hide_\",2)">Show Only Div2</a>
    
        <div id="hide_2">
        BCD
        </div>
    <a href="#" onClick="showDiv(\"hide_\",3)">Show Only Div2</a>
    
        <div id="hide_3">
        EDF
        </div>
    <a href="#" onClick="showDiv(\"hide_\",4)">Show Only Div2</a>
    
        <div id="hide_4">
        FGE
        </div>
    
    <a href="#" onClick="showDiv("hide_",1)">Show Only Div1</a> 
    
    <a href="#" onClick="showDiv('hide_',1)">Show Only Div1</a>  
    
    // Please note that it must be in the global scope
    // otherwise you won't be able to call it from your html.
    
    function showDiv(divTag, id) {
      var i;
      for (i = 1; i < 5; i++) {
        var tempDiv = divTag + i;
        document.getElementById(tempDiv).style.display = 'none';
      }
      document.getElementById(divTag+id).style.display = 'block';
    }
    
    <a href="#" onclick="showDiv('hide_', 1);">Show Only Div1</a>
    <div id="hide_1">Div1</div>
    
    <a href="#" onclick="showDiv('hide_', 2);">Show Only Div2</a>
    <div id="hide_2">Div2</div>
    
    <a href="#" onclick="showDiv('hide_', 3);">Show Only Div3</a>
    <div id="hide_3">Div3</div>
    
    <a href="#" onclick="showDiv('hide_', 4);">Show Only Div4</a>
    <div id="hide_4">Div4</div>​