js css dom 树形菜单问题

来源:百度知道 编辑:UC知道 时间:2024/06/14 06:54:56
这个简单的树形菜单代码到底哪里出了毛病啊?总是不能实现效果,大家帮我看一下,帮我稍微改一下代码也行,只要改好了就行,但是大体思路不要变,谢谢
<!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=gb2312" />
<title>树形菜单</title>
<style type="text/css">
<!--
.hide {
display:none
}
.show {
display:block
}
-->
</style>
<script language="javascript">
function change(){
var odiv=this.parentNode.getElementsByTagName("ul")[0];
if (odiv.className=="hide")

首先你这个不支持firefox.
给你改完了。
<!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=gb2312" />
<title>树形菜单</title>
<style type="text/css">
<!--
.hide {
display:none
}
.show {
display:block
}
-->
</style>
<script language="javascript">
function change(){
var odiv=this.parentNode.getElementsByTagName("ul")[0];

if (odiv.className=="hide")
{odiv.classNa