JS控制HTML元素的显示和隐藏
2024-10-19 11:51:31
JS控制HTML元素的显示和隐藏
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
方法一:
1
2
|
document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; |
利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。
方法二:
1
2
|
document.getElementById( "EleId" ).style.display= "none" ; document.getElementById( "EleId" ).style.display= "inline" ; |
利用上述方法实现隐藏后,页面的位置不被占用。
项目中遇到隐藏后,页面格式发生了变化,格式变丑了,尝试了N多方法,最后发现,使用byId('tr1').style.display= ""; 这句话隐藏后再显示,不影响页面的格式!!!!
最新文章
- Java动态编程初探——Javassist
- php中的常用数组函数(八) 排序函数汇总(sort、rsort、usort、asort、uasort、arsort、ksort、uksort、krsort、natsort、natcasesort、array_multisort)
- python 打印对象的所有属性值
- Hibernate中主键生成策略
- JavaWeb学习笔记(一)Mac 下配置Tomcat环境
- ManagementFactory (简介)
- h.264的POC计算
- ngrok首页、文档和下载 - Web服务安全通道 - 开源中国社区
- js回调函数2
- Spring 中使用Quartz实现任务调度
- JAVA进阶8
- leetcode974
- springboot整合mybatis之注解方式
- Linux使用tcpdump命令抓包并使用wireshark分析
- centos7防火墙以设置以及关闭selinux
- win10找回Windows照片查看器
- websoket
- cocos2d-x开发记录:二,基本概念(导演,场景,层和精灵,场景切换,效果)
- MySQL 数据库 -- 数据操作
- 为OS X增加环境变量
热门文章
- [原]SQLite的学习系列之获取数据库版本
- Web API 入门系列 - RESTful API 设计指南
- [转]Visual Studio技巧之打造拥有自己标识的代码模板
- 深入研究 蒋金楠(Artech)老师的 MiniMvc(迷你 MVC),看看 MVC 内部到底是如何运行的
- CMD魔法堂:CMD进入指定目录
- hive的内部表与外部表创建
- 基于GTID Replication主从数据不一致操作
- [ORM] Entity Framework(1) CodeFirst快速入门
- Mybatis 示例之 foreach
- Web前端开发十日谈