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= ""; 这句话隐藏后再显示,不影响页面的格式!!!!

最新文章

  1. Java动态编程初探——Javassist
  2. php中的常用数组函数(八) 排序函数汇总(sort、rsort、usort、asort、uasort、arsort、ksort、uksort、krsort、natsort、natcasesort、array_multisort)
  3. python 打印对象的所有属性值
  4. Hibernate中主键生成策略
  5. JavaWeb学习笔记(一)Mac 下配置Tomcat环境
  6. ManagementFactory (简介)
  7. h.264的POC计算
  8. ngrok首页、文档和下载 - Web服务安全通道 - 开源中国社区
  9. js回调函数2
  10. Spring 中使用Quartz实现任务调度
  11. JAVA进阶8
  12. leetcode974
  13. springboot整合mybatis之注解方式
  14. Linux使用tcpdump命令抓包并使用wireshark分析
  15. centos7防火墙以设置以及关闭selinux
  16. win10找回Windows照片查看器
  17. websoket
  18. cocos2d-x开发记录:二,基本概念(导演,场景,层和精灵,场景切换,效果)
  19. MySQL 数据库 -- 数据操作
  20. 为OS X增加环境变量

热门文章

  1. [原]SQLite的学习系列之获取数据库版本
  2. Web API 入门系列 - RESTful API 设计指南
  3. [转]Visual Studio技巧之打造拥有自己标识的代码模板
  4. 深入研究 蒋金楠(Artech)老师的 MiniMvc(迷你 MVC),看看 MVC 内部到底是如何运行的
  5. CMD魔法堂:CMD进入指定目录
  6. hive的内部表与外部表创建
  7. 基于GTID Replication主从数据不一致操作
  8. [ORM] Entity Framework(1) CodeFirst快速入门
  9. Mybatis 示例之 foreach
  10. Web前端开发十日谈