# 9.隐藏页面中的某个元素的方法有哪些？

隐藏类型

屏幕并不是唯一的输出机制，比如说屏幕上看不见的元素（隐藏的元素），其中一些依然能够被读屏软件阅读出来（因为读屏软件依赖于可访问性树来阐述）。为了消除它们之间的歧义，我们将其归为三大类：

• 完全隐藏：元素从渲染树中消失，不占据空间。

• 视觉上的隐藏：屏幕中不可见，占据空间。

• 语义上的隐藏：读屏软件不可读，但正常占据空。

完全隐藏

1. display 属性

display: none;

2. hidden 属性

HTML5 新增属性，相当于 display:none

视觉上的隐藏

1. 利用 position 和 盒模型 将元素移出可视区范围

2. 利用transfrom

3. 设置其大小为0

4. 设置透明度为0

5. 层级覆盖， z-index 属性

6. visibility属性

7. clip-path 裁剪

语义上的隐藏

aria-hidden 属性