首頁 > 網際網路

JS怎麼改變提示內容字型樣式

2019-12-11 20:56:05

用JS怎麼改變提示內容的字型樣式,其實很簡單的,也有很多的方法,最簡單的方法就是為提示內容新增一個樣式就行了。下面一下來看下具體怎麼處理。

1

為了方便操作,我們使用jquery來操作,所以先引入jquery外掛檔案。


2

html裡有一個p的提示內容。


3

後面加上一個按鈕,來觸發改變提示內容的字型。


4

我們先在樣式檔案裡新增一個樣式規則,new_font的樣式,內容就是指定具體的字型。


5

接著實現按鈕的點選事件方法,在這個方法裡,我們呼叫jquery的addClass方法,為提示內容的p元素新增一個樣式就行了。十分簡單。


6

執行頁面,看到現在提示資訊是使用body設定的‘宋體’字型。


7

點選按鈕後,由於應用上了新的樣式,提示資訊的字型變為新樣式裡設定的雅黑字型了。



IT145.com E-mail:sddin#qq.com