js小实例（显示或隐藏）

最新推荐文章于 2021-06-03 16:28:11 发布

greatverve

最新推荐文章于 2021-06-03 16:28:11 发布

阅读量625

点赞数

分类专栏： JavaScript学习文章标签： class

本文链接：https://blog.csdn.net/greatverve/article/details/3419497

版权

JavaScript学习专栏收录该内容

42 篇文章 0 订阅

订阅专栏

 
 <!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>
    <title>点击显示或隐藏</title>
    <style type="text/css">
        .dis{display:block;}
        .non{display:none;}
    </style>
    <script type="text/javascript">
        function f(oid){
            var d = document.getElementById(oid);
            if(d.className == "non")
                d.className = "dis";
            else
                d.className = "non";
        }
    </script>
</head>
<body>
<div onclick="f('d1');">点击隐藏或显示</div>
<div id="d1" class="non">显示或隐藏</div>
</body>
</html>
 

greatverve

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js小实例（显示或隐藏）

html xmlns="http://www.w3.org/1999/xhtml" >head> title>点击显示或隐藏title> style type="text/css"> .dis{display:block;} .non{display:none;} style> script typ
复制链接

扫一扫