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下为什么不起作用? 谢谢
解决方案 »
- 本人亲手制作的w3school离线完全版,欢迎下载,免积分
- JS互相控制的导航问题 详见文章内容
- 小菜 有个胆大的想法,请各位指点
- javascript 中如何设置表在隐藏或显示间的切换?
- 请问使用webbrowser如何支持JavaScript函数中的扩展对象?
- 有没有哪位大哥做过widget开发?
- |zyciis| 为什么我的document.getElementsByName("liSeries");取不到对像 谢谢 急
- 请问各位老鸟们怎样用JavaScript来画图表。
- 如何在新弹出的页面中打开一个本地的图片
- 麻烦大家帮我看看四舍五入的问题!急呀!!!
- Js新手求救 如何在当前日期基础上加30天
- 求树型菜单代码(XP菜单效果)
<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>