Javascript 按循环向所有div显示none,并显示我要显示的特定div
我使用的是Javascrip,我有一个类似下面的函数,我想隐藏所有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
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>