1、type=”hidden” 就像type=”text”一样,hidden也是一种类型,隐藏且不占位置。
2、style=”display:none;” 通过样式可以隐藏任何元素,文本框也不例外。
3、style=”visibility:hidden;” 这个也是通过样式隐藏的,但不同之处是这样隐藏后还占位置。
用选择器区分:li>a表示仅选择li标签下的直接a元素,不会选择p里面的a;lipa表示li标签下的p元素下的a元素,不会选择li下的直属a元素
HTML dom隐藏有下列几种方式:
设置元素的opacity值为0
设置元素的visibility值为hidden
设置元素的display值为none
设置元素的position值为absolute,并且将其移到不可见区域
设置元素clip(在新的CSS中使用clip-path来替代clip)
除此之外,还可以使用:
设置元素的hidden
上面隐藏元素的方法都是大家常见的,也是众所周之的。当然除此之外还有一些特殊的小技巧,比如说:
将元素的font-size、line-height、width和height设置为0
设置元素的transform的translateX或者translateY的值为-100%