讓DOM從頁面中消失的幾種方法

一般最先想到的就是這兩種：

1.display:none;（將整個元素隱藏，並且不會佔據任何的空間）

2.visibility:hidden;（元素的內容不可見，但是元素仍然保持原來的位置和大小）

position:absolute或fixed，用z-index遮蓋。

overflow:hidden將要隱藏的元素移除父元素的範圍。

設定元素為透明：即opacity:0；

設定元素的clip（在新的css中使用clip-path來代替clip）

要讓其生效，必須給元素的position的值設定為absolute或者fixed。

將元素的font-size，line-height,width,height設定為0；（雖然這些方法很賴皮。）

設定元素的transform的translatex（y）的值為-100%；

參考文章中的比較高大上的點。

1.使用aria-hidden="true"可以隱藏dom樹上的元素，但對於使用者而言，在螢幕上仍然可見，只是螢幕閱讀器無法閱讀。

2.用visibility:inherit代替visivility:visible避免意外的顯示內容。尤其是在div的巢狀中，父元素設定了visibility：hidden。

3.對於設定aria-hidden的元素，不附加任何隱藏元素的樣式。

4.h5中，可以直接在元素上顯示的宣告hidden從而隱藏元素。

5.使用.visuallyhidden宣告隱藏css的樣式，在螢幕元素隱藏元素。結合clip-path使用，使元素隱藏。

.visuallyhidden

:not(
:focus)
:not(
:active)

讓元素在頁面中消失的方法

1.display none 將整個元素隱藏，並且不會佔據任何的空間 2.visibility hidden 元素的內容不可見，但是元素仍然保持原來的位置和大小 3.設定它的位置,讓其消失不見 position absolute或fixed，用z index遮蓋。4.overflow hidden將...

讓VIEWSTATE從頁面中完全消失 小技巧

viewstate是個好東西，是asp.net的一大創舉，給web開發帶來了極大的便利，然後這種便利是一種雙刃劍，尤其是在前台頁面，大多數前台頁面都是用來展示列表資料，和使用者互動的地方現在大都採用ajax代替了，在這種情況下viewstate已經沒有什麼用武之地了。因此禁用viewstate是必須...

DOM獲取元素的幾種方法

dom根據id獲取元素 var div document.getelementbyid main console.log div 獲取到的資料型別 htmldivelement，物件都是有型別的 htmldivelement htmlelement element node eventtarget ...