本文目錄一覽:
- 1、在js中修改html元素的class
- 2、通過js在頁面載入時為html元素添加一個class,隨後又在setTimeout中刪除之,問作用
- 3、JS點擊添加class,再次點擊移除class,並且自身也添加class
在js中修改html元素的class
用到js修改html的class屬性值,歸納總結下:一、獲取class屬性值var value = $( div ).attr( class );//這裡獲取class屬性值var array=val.spli.
通過js在頁面載入時為html元素添加一個class,隨後又在setTimeout中刪除之,問作用
作用舉例:
某一個頁面載入可能要幾秒鐘,因為js是順序執行的,那麼一開始通過js給頁面加一個正在載入中的樣式,然後過幾秒鐘,頁面載入完了,去掉載入中樣式,給用戶的感覺就很友好了。
JS點擊添加class,再次點擊移除class,並且自身也添加class
1、首先在html中布局好兩個按鈕和一個div。
2、接著編寫添加class的方法。
3、運行頁面以後看到如下圖所示的界面。
4、點擊添加class按鈕就可以看到div中多了樣式。
5、接下來在編寫移除class樣式,如下圖所示要的是remove。
6、最後運行界面,點擊移除class按鈕,class就被移除了。
原創文章,作者:RWGDW,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/329923.html