javascript使用DOM模型和CSS实现菜单的折叠和展开

projl

于 2007-04-09 15:01:00 发布

阅读量1.2k

点赞数

分类专栏： AJAX 文章标签： javascript css html function

AJAX 专栏收录该内容

2 篇文章

订阅专栏

本文展示了一个使用HTML与JavaScript实现元素动态显示隐藏效果的例子。通过点击dt元素，其下的dd元素可以展开或折叠，利用了JavaScript来控制CSS类的变化以达到效果。此示例有助于理解DOM操作及事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">

</style>
<script language="JavaScript"  type="text/javascript">

</script>
</head>
</ul>
<body>
<dl>
    <dt onclick="toggleDl(this)">根结点</dt>
    <dd>子结点1</dd>
    <dd>子结点2</dd>
    <dd>子结点3</dd>
    <dd>子结点4</dd>
    <dd>子结点5</dd>
</dl>
</body>
</html>