聊聊JS控制css樣式的幾種方法

JS控制css樣式的幾種方式

公司主營業(yè)務(wù)：網(wǎng)站建設(shè)、網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出海寧免費(fèi)做網(wǎng)站回饋大家。

我們在js的工作學(xué)習(xí)中總會(huì)遇到一些不輕易通過style屬性動(dòng)態(tài)加載css樣式的情況(eg:偽類的樣式控制,動(dòng)畫的樣式控制)，這里總結(jié)一下js改變樣式的幾種方法：

1，通過style屬性或者setAttribute()來更改樣式

2，如果只是改變偽類(after,before)的content內(nèi)容也可以這么做

3，通過更改類名來更改樣式

4，那么重點(diǎn)來了：利用document.styleSheets我們獲取到所有樣式表，然后選擇一個(gè)樣式表通過 insertRule 來添加樣式；也可以創(chuàng)建新的cssRules，通過addRule()來添加樣式

5，動(dòng)態(tài)加載樣式表

如果需要更改的樣式比較多，還是建議通過動(dòng)態(tài)加載樣式的方式來改變頁面樣式

本文來自PHP中文網(wǎng)，原文地址： ?推薦視頻教程：《 js基礎(chǔ)教程 》

通過JS可以直接調(diào)用一個(gè)CSS樣式表名（如樣式表名為.div）來對HTML元素進(jìn)行外觀設(shè)置嗎?請寫出其調(diào)用語句。

可以的，可以通過querySelectorAll(".div")獲取所有class為div的元素，也可以通過querySelector(".div")獲取class位div的第一個(gè)元素

JS文件如何調(diào)用CSS樣式

第一，直接在JS中寫入相應(yīng)的CSS代碼。

第二，通過調(diào)用ID的方法來，調(diào)用相應(yīng)的CSS樣式。