本帖最后由 wodenhaowzg 于 2014-2-23 16:37 编辑
问题如图所示 代码和毕老师的一样 为什么项目在展开的时候 不会自动拉开距离 而是重合到一起了 郁闷死了啊。。。
有木有大神。。
我把代码附上 哪有错误呢
<script type="text/javascript">
function change()
{
//通过拿事件源本身节点dt，再用parentNode属性获取父类的dl节点即可。
var dtNode = event.srcElement;
var dlNode = dtNode.parentNode;
if(dlNode.className == "open")
{
dlNode.className = "close";
}
else
{
dlNode.className = "open";
}
}
</script>
<style type="text/css">
.open
{
overflow:visible;
}
.close
{
overflow:hidden;
}
dl
{
overflow:hidden;
height:16px;
}
</style>
<body>
<input type="button" value="测试"/>
<dl>
<dt>游戏名称</dt>
<dd>红色警戒</dd>
<dd>魔兽争霸</dd>
<dd>战地4</dd>
<dd>上古卷轴6</dd>
<dd>使命召唤20</dd>
</dl>
<dl>
<dt onclick="change()" >游戏名称</dt>
<dd>红色警戒</dd>
<dd>魔兽争霸</dd>
<dd>战地4</dd>
<dd>上古卷轴6</dd>
<dd>使命召唤20</dd>
</dl>
</body>
</html>
|
收藏
淘帖
踩
