zoukankan      html  css  js  c++  java
  • Html元素的显示和隐藏

    将一个html元素隐藏的语法如下

    <span style="display:none">此时的我你是看你见的</span>

    visibility: hidden和display: none 在作用、对HTML元素的影响、定义上有所不同:

    1、作用不同

    visibility: hidden----将元素隐藏,但是在网页中该占的位置还是占着。

    display: none----将元素的显示设为无,即在网页中不占任何的位置。

    2、使用后HTML元素有所不同

    visibility:hidden,使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。

    display:none,使用该属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”。

    3、定义不同

    visibility 属性指定一个元素是否是可见的。

    display这个属性用于定义建立布局时元素生成的显示框类型。

    使用JavaScript将一个元素隐藏

    document.getElementById('elementId').style.display = "none";
  • 相关阅读:
    脏数据
    LeetCode之Sort List
    COCOS2D-X FRAME动画创作随笔
    基于OpenCV性别识别
    Twitter 新一代流处理工具——Heron 该纸币Storm Limitations
    oracle设备
    苏州面对公司发布
    Weblogic监控指标
    mysql TIME_WAIT
    weblogic监控
  • 原文地址:https://www.cnblogs.com/jkfeng/p/11995846.html
Copyright © 2011-2022 走看看