javascript改变div层的显示隐藏
<html> <head> <title>树形</title...
<html> <head> <title>树形</title> <script type="text/javascript" language="javascript"> function tree(){ alert("进来方法体了"); document.getElementById('submenu').getElementsByTagName("div").style.dispelay="none"; } </script> </head> </head> <body> <div id="root" style="dispelay:block"><a href="javascript:tree()">aaa</a></div> <div id="submenu" style="dispelay:block">bbb</div> </body></html> 这段代码的问题出在哪。。。。。
展开
展开全部
1、display写成了dispelay，你肯定也不会读，可以分开记
2、document.getElementById('submenu')得到的是ID为submenu的DIV对象，
3、因为submenu中不包含任何 子元素，所有getElementsByTagName("div")是没有内容的。
4、getElementsByTagName("div")得到的是一个集合，不能用集合直接.style
5、请不要连着写
<html>
<head>
<title>树形</title>
<script type="text/javascript" language="javascript">
function tree(){
var submenu=document.getElementById('submenu');
submenu.style.display="none";
}
</script>
</head>
<body>
<div id="root" style="display:block">
<a href="javascript:tree()">aaa</a>
</div>
<div id="submenu" style="display:block">bbb</div>
</body>
</html>
2、document.getElementById('submenu')得到的是ID为submenu的DIV对象，
3、因为submenu中不包含任何 子元素，所有getElementsByTagName("div")是没有内容的。
4、getElementsByTagName("div")得到的是一个集合，不能用集合直接.style
5、请不要连着写
<html>
<head>
<title>树形</title>
<script type="text/javascript" language="javascript">
function tree(){
var submenu=document.getElementById('submenu');
submenu.style.display="none";
}
</script>
</head>
<body>
<div id="root" style="display:block">
<a href="javascript:tree()">aaa</a>
</div>
<div id="submenu" style="display:block">bbb</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById('submenu').getElementsByTagName("div").style.dispelay="none";
代码写错了 是 display 不是 dispelay
建议用DreamWeaver cs5编写,有错误提示.
代码写错了 是 display 不是 dispelay
建议用DreamWeaver cs5编写,有错误提示.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById('submenu').getElementsByTagName("div").style.dispelay="none";
问题出在这句，document.getElementById('submenu')这里已经可以取到你需要隐藏的div的对象了
不用再在后面加上getElementsByTagName("div")。改成
document.getElementById('submenu').style.dispelay="none"; 这样就可以用了。
不行的话可以试下下面的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>树形</title>
<script type="text/javascript" language="javascript">
function tree(){
alert("进来方法体了");
document.getElementById('submenu').style.display = "none";
}
</script>
</head>
<body>
<div id="root" style="dispelay:block"><a href="javascript:tree()">aaa</a></div>
<div id="submenu" style="dispelay:block">bbb</div>
</body>
</html>
问题出在这句，document.getElementById('submenu')这里已经可以取到你需要隐藏的div的对象了
不用再在后面加上getElementsByTagName("div")。改成
document.getElementById('submenu').style.dispelay="none"; 这样就可以用了。
不行的话可以试下下面的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>树形</title>
<script type="text/javascript" language="javascript">
function tree(){
alert("进来方法体了");
document.getElementById('submenu').style.display = "none";
}
</script>
</head>
<body>
<div id="root" style="dispelay:block"><a href="javascript:tree()">aaa</a></div>
<div id="submenu" style="dispelay:block">bbb</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接复制用
<html>
<head>
<title>树形</title>
<script type="text/javascript" language="javascript">
function tree(){
alert("进来方法体了");
document.getElementById('submenu').style.display="none";
}
</script>
</head>
</head>
<body>
<div id="root" style="dispelay:block"><a href="javascript:tree()">aaa</a></div>
<div id="submenu" style="dispelay:block">bbb</div>
</body></html>
<html>
<head>
<title>树形</title>
<script type="text/javascript" language="javascript">
function tree(){
alert("进来方法体了");
document.getElementById('submenu').style.display="none";
}
</script>
</head>
</head>
<body>
<div id="root" style="dispelay:block"><a href="javascript:tree()">aaa</a></div>
<div id="submenu" style="dispelay:block">bbb</div>
</body></html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
