当前位置: 首页 > 面试题库 >

怎么让html元素隐藏消失,有哪些方法?

牛经赋
2023-03-14
本文向大家介绍怎么让html元素隐藏消失,有哪些方法?相关面试题,主要包含被问及怎么让html元素隐藏消失,有哪些方法?时的应答技巧和注意事项,需要的朋友参考一下

参考回答1:

display:none; visibility:hidden; opacity: 0; position移到外部,z-index涂层遮盖等等

参考回答2:

  1. opacity:0,该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的
  2. visibility:hidden,该元素隐藏起来了,但不会改变页面布局,但是不会触发该元素已经绑定的事件
  3. display:none,把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉。

 

 类似资料:
  • 本文向大家介绍在页面上隐藏元素的方法有哪些?相关面试题,主要包含被问及在页面上隐藏元素的方法有哪些?时的应答技巧和注意事项,需要的朋友参考一下 利用 dispaly disaplay: none; 页面不会渲染 visibility: hidden; 页面会渲染只是不限显示 opacity: 0; 看不见,但是会占据空间 利用 position (absolute 的情况下) left/right

  • 本文向大家介绍html的元素有哪些(包含H5)?相关面试题,主要包含被问及html的元素有哪些(包含H5)?时的应答技巧和注意事项,需要的朋友参考一下 H5: canvas定义图形;audio定义声音 aside定义页面之外的内容 command定义命令按钮 nav定义导航链接 output输出类型 progress 任务进度

  • 本文向大家介绍行内元素有哪些?块级元素有哪些? 空(void)元素有那些?相关面试题,主要包含被问及行内元素有哪些?块级元素有哪些? 空(void)元素有那些?时的应答技巧和注意事项,需要的朋友参考一下 行内元素:a b span img input select strong 块级元素:div ul ol li dl dt dd h1 h2 h3 h4 p 等 空元素:  

  • 本文向大家介绍aurelia 有条件地显示和隐藏HTML元素,包括了aurelia 有条件地显示和隐藏HTML元素的使用技巧和注意事项,需要的朋友参考一下 示例 使用时show.bind,元素保留在页面中,并且通过使用场景display:none或display:block在场景后隐藏或可见。            

  • 本文向大家介绍行内元素有那些。块级元素有那些。空元素有哪些相关面试题,主要包含被问及行内元素有那些。块级元素有那些。空元素有哪些时的应答技巧和注意事项,需要的朋友参考一下 首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素; span默认display属性值为“inline”,

  • 本文向大家介绍html元素哪些标签是不可替换元素?哪些是可替换元素?相关面试题,主要包含被问及html元素哪些标签是不可替换元素?哪些是可替换元素?时的应答技巧和注意事项,需要的朋友参考一下 (replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。也就是说,css 可以影响元素但是不能影响其内容的显示。 可替换元素: …