用javascript控制div的显示与隐藏

最新推荐文章于 2025-11-26 17:11:00 发布

原创最新推荐文章于 2025-11-26 17:11:00 发布 · 941 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #javascript #html #文档

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的网页效果——通过按钮控制一个居中DIV的显示与隐藏状态。利用JavaScript实现DOM元素样式的动态切换，并结合HTML与CSS完成布局设置。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">

</script>
<style type="text/css">

</style>
</head>

<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的DIV
</body>
</html>