原生js显示和隐藏

摘要:
=null&&divID!

一、display默认属性值的选择

显示的元素设置的值分情况

(如果选择属性值错误,会影响已经写好的样式)

块元素的默认值是display:block
内联元素的默认值是display:inline
表格table元素的默认值是display:table
表格单元格td元素的默认值是display:table-cell
表格行tr元素的默认值是display:table-cow

隐藏的元素设置的值

display:none

二、代码演示

块级元素

functionshowContainer2() {
    var container1 = document.getElementById('container1');
    var container2 = document.getElementById('container2');
    container1.style.display = "none";
    container2.style.display = "block";
}

行内元素

functionhiddenDiv4(divID) {
    if (divID != null && divID != "") {
        var fugai4Hidden =document.getElementById(divID);
        if (fugai4Hidden.style.display == "none") {
            fugai4Hidden.style.display = "inline";
        }
    }
}

免责声明:文章转载自《原生js显示和隐藏》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇xcode KVC:Key Value Coding 键值编码android绘图—Paint path 旋转下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue使用iframe嵌入html,js方法互调

前段时间 使用h5搞了个用cesium.js做的地图服务功能,后来想整合到vue项目,当然最简单的就是iframe直接拿来用了。但html和vue的方法交互就是成了问题,vue调用html种方法还好,尤其是html调用vue中的方法当初就没有解决,忙着项目上线直接搞了个setInterval不停轮询,哎不说他了;现在空点了来把问题解决了,俗话说得好闲时学来...

echarts使用中过程中的常用配置属性常见问题及绘制地图【转】

echarts使用中的常见的问题 1.给折线图画一条水准线 2.图表自适应容器 3.x轴文字过长显示不全的问题 4.echarts的点击事件 5.数据中如果有空值时 如何实现连接空值或者显示断开 6.关于echarts地图js文件制作问题 7.echarts引入地图文件 绘制地图 8.使用echarts绘制x轴可以自由伸缩的图表 1.给折线图画一条水...

js 获取元素高度和宽度

如图: IE中:document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHei...

form表单里的button调用js函数

          近来发现一个特别奇怪的问题:在form表单里,button的onclick事件无法调用js函数。代码如下(这段代码放在form标签里):                  dropUpdateAddress调用的js函数为:                   这个时候,“放弃修改”这个button是无法调用该js函数的。知道为什么吗?...

My97DatePicker控件调用

引用My97DatePicker,在要使用的jsp页面中引入js,如下 <script type="text/javascript" src="<%=request.getContextPath() %>/dd/js/My97DatePicker/WdatePicker.js"></script> 调用My97DateP...

iOS H5容器的一些探究(一):UIWebView和WKWebView的比较和选择

一、Native开发中为什么需要H5容器 Native开发原生应用是手机操作系统厂商(目前主要是苹果的iOS和google的Android)对外界提供的标准化的开发模式,他们对于native开发提供了一套标准化实现和优化方案。但是他们存在一些硬伤,比如App的发版周期偏长、有时无法跟上产品的更新节奏;灵活性差,如果有较大的方案变更,需要发版才能解决;如果存...