DOM(12)——控制层的显示

最新推荐文章于 2024-10-07 17:02:56 发布

原创最新推荐文章于 2024-10-07 17:02:56 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#onmouseover #onmouseout

网站前端开发同时被 3 个专栏收录

82 篇文章

订阅专栏

JS和移动互联网

52 篇文章

订阅专栏

DOM

20 篇文章

订阅专栏

本文介绍通过修改style.display属性实现网页元素的显示与隐藏，包括注册页面高级选项的动态展示及鼠标悬停提示效果的实现。

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

修改style.display，例子：切换层的显示。

        function togglediv() {
            var div1 = document.getElementById('div1');
            if (div1.style.display == '') {
                div1.style.display = 'none';//不显示
            }
            else {
                div1.style.display = '';//显示
            }
        }

案例1：注册页面，点击“高级”CheckBox，则显示高级选项，否则隐藏。

案例2：鼠标放到一个超链接的时候，在鼠标的位置显示一个黄色背景，带图片的悬浮提示，鼠标离开就消失。提示：鼠标进入控件的事件是onmouseover，离开的事件是onmouseout。