function showDiv(id)
{
var objdiv=document.getElementsByName(id);
var n = objdiv.length;
//alert(id+n);
for(var i=0;i<n;i++)
{
objdiv[i].style.display='';
hide.style.display='';
show1.style.display="none";
}
}
function hiddenDiv(id)
{
var objdiv=document.getElementsByName(id);
var n=objdiv.length;
for(var i=0;i<n;i++)
{
objdiv[i].style.display="none";
show1.style.display="";
hide.style.display='none';
}
}这段代码在firefox下为什么不起作用? 谢谢
{
var objdiv=document.getElementsByName(id);
var n = objdiv.length;
//alert(id+n);
for(var i=0;i<n;i++)
{
objdiv[i].style.display='';
hide.style.display='';
show1.style.display="none";
}
}
function hiddenDiv(id)
{
var objdiv=document.getElementsByName(id);
var n=objdiv.length;
for(var i=0;i<n;i++)
{
objdiv[i].style.display="none";
show1.style.display="";
hide.style.display='none';
}
}这段代码在firefox下为什么不起作用? 谢谢
<input type="button" onclick="showDiv('d')">
<input type="button" onclick="hiddenDiv('d')">
<div name="d">xxxxx<div>
<div name="d">xxxxx<div>
<div name="d">xxxxx<div>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showDiv(id)
{
var objdiv=document.getElementsByName(id);
var n = objdiv.length;
//alert(id+n);
for(var i=0;i <n;i++)
{
objdiv[i].style.display='';
hide.style.display='';
show1.style.display="none";
}
}
function hiddenDiv(id)
{
var objdiv=document.getElementsByName(id);
var n=objdiv.length;
for(var i=0;i <n;i++)
{
objdiv[i].style.display="none";
show1.style.display="";
hide.style.display='none';
}
} </script>
<body>
<div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level[]');" >显示div</a></div><div id="hide"style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level[]');" >隐藏div</a></div><div name="level" id="level[]" style="display:none">
111
</div>
</body>
</html>
我的原代码是这样的。请帮忙看一下。 谢谢!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 无标题文档 </title>
</head>
<script language="javascript">
function showDiv(id)
{
var objdiv=document.getElementsByName(id);
var n = objdiv.length;
//alert(id+n);
for(var i=0;i <n;i++)
{
objdiv[i].style.display='';
hide.style.display='';
show1.style.display="none";
}
}
function hiddenDiv(id)
{
var objdiv=document.getElementsByName(id);
var n=objdiv.length;
for(var i=0;i <n;i++)
{
objdiv[i].style.display="none";
show1.style.display="";
hide.style.display='none';
}
} </script>
<body>
<div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level[]');"> 显示div </a></div><div id="hide"style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level[]');" > 隐藏div </a> </div>
<div name="level[]" id="level[]" style="display:none">111</div>
</body>
</html>
jf jf
jf
“隐藏div”没有出现 且也没有隐藏11? 谢谢了
以上是不是你的全部代码了,我贴的代码试过不行吗?
你用的firefox的版本是多少?
我用firefox2, 完全可以运行的。
function showDiv(id){
var s = document.getElementById("show1");
var h = document.getElementById("hide");
var l = document.getElementById(id);
s.style.display="none";
h.style.display="";
l.style.display="";
}
function hiddenDiv(id){
var s = document.getElementById("show1");
var h = document.getElementById("hide");
var l = document.getElementById(id);
s.style.display="";
h.style.display="none";
l.style.display="none";
}
</script>
<div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level');">显示div</a></div>
<div id="hide" style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level');">隐藏div</a></div>
<div name="level" id="level" style="display:none">111</div>
如果要操作多个div如下:
<script language="javascript">
function showDiv(id){
var s = document.getElementById("show1");
var h = document.getElementById("hide");
var l = document.getElementById(id).getElementsByTagName("div");
s.style.display="none";
h.style.display="";
for(i=0;i<l.length;i++){
l[i].style.display="";
}
}
function hiddenDiv(id){
var s = document.getElementById("show1");
var h = document.getElementById("hide");
var l = document.getElementById(id).getElementsByTagName("div");
s.style.display="";
h.style.display="none";
for(i=0;i<l.length;i++){
l[i].style.display="none";
}
}
</script>
<div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level');">显示div</a></div>
<div id="hide" style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level');">隐藏div</a></div>
<div id="level">
<div style="display:none">111</div>
<div style="display:none">222</div>
<div style="display:none">222</div>
</div>