黑马程序员技术交流社区

标题: 找了很久，就是找不到问题所在 [打印本页]

作者: 王小刚 时间: 2012-5-11 01:47
标题: 找了很久，就是找不到问题所在
本帖最后由王小刚于 2012-5-11 21:22 编辑

<!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">

function demo()
{
      var dlObj=event.srcElement.parentNode;
      if(dlObj.className=="")
      {
            className="open";
      }
      else
      {
            className="close";
      }

}
</script>
<style type="text/css" >
.open{
      overflow:visible;

      }
.close{
overflow:hidden;
}
dl{overflow:hidden;
height:16px;}

</style>
</head>

<body>
<dl >
<dt>上层项目</dt> //不知道怎么回事，此处发不出来，请看下面我的回复，不是我没调用deom方法。
<ol type="1">
<li><dd>下层项目</dd></li>
<li><dd>下层项目</dd></li>
<li><dd>下层项目</dd></li>
<li><dd>下层项目</dd></li>
<li><dd>下层项目</dd></li>
</ol>
</dl>
</body>
</html>
为什么我点  上层项目  的时候不出现效果呢，找了半天就是找不到问题所在...

作者: 张小锋 时间: 2012-5-11 07:38
因为你虽然定义了demo方法，但你并没有调用啊，
<dt>上层项目</dt> 要给这里的标签添加一个鼠标点击事件，当点击时调用demp方法，这样应该可以了吧

作者: 黄坚声 时间: 2012-5-11 07:49
哈哈，很简单。
我的看法跟楼上张小峰一样。
<dt>上层项目</dt> 要给这里的标签添加一个鼠标点击事件，当点击时调用demp方法。

作者: 黄坚声 时间: 2012-5-11 11:29
哈哈，很简单。
我的看法跟楼上张小峰一样。
<dt>上层项目</dt> 要给这里的标签添加一个鼠标点击事件，当点击时调用demp方法。

作者: 王小刚 时间: 2012-5-11 21:19
不好意思我刚才试了下，论坛把dt标签后的代码屏蔽了，发不出来。
dt标签处是这们的 <dt onclick="demo()">上层项目</dt>
不可能那么简单的问题，我没看到吧，真的奇了怪了，为什么就是达不到效果呀。
那位大哥把代码复制过去试下，记得dt处我是调用了demo方法了的,看看你们能不能达到效果。
昨天晚了搞了二个小时，也测试了，标签对象是找对了，唉，搞得我纠结.

作者: 黄坚声 时间: 2012-5-11 21:23
哈哈，很简单。
我的看法跟楼上张小峰一样。
<dt>上层项目</dt> 要给这里的标签添加一个鼠标点击事件，当点击时调用demp方法。

作者: 王小刚 时间: 2012-5-12 15:17
谢谢楼上的，终于可以实现功能了,原来是逻辑出错了呀.

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2