<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" ><a href="javascript:tree()">aaa</a></div>
<div id="submenu" >bbb</div>
</body>
</html>
这段代码的问题出在哪。。。。。
首先 是display 不是dispelay
再然后 getElementById('')
getElementsByTagName('').
2者只用一个就ok 你语法错误.
正确代码:
<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" ><a href="javascript:tree()">aaa</a></div>
<div id="submenu" >bbb</div>
</body>
</html>
document.getElementById('submenu').getElementsByTagName("div").style.dispelay="none";
改成
document.getElementById('submenu').style.display="none";
朋友 帮你测试了下。
你去掉getElementsByTagName("div") 就可以了。
你也可以像他们说的 代码简洁点。
如:
<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" ><a href="javascript:tree()">aaa</a></div>
<div id="submenu" >bbb</div>
</body>
</html>
以上答案供参考
document.getElementById('submenu').getElementsByTagName("div").style.dispelay="none"; 这句改成
document.getElementById('submenu').style.display="none";