JavaScript可以同樣式進(jìn)行交互，你可以通過編寫程序來動(dòng)態(tài)改變文檔上元素的樣式。

有三種方法可以實(shí)現(xiàn)這樣的效果：

控制樣式表—可以添加、刪除、修改樣式表。 控制樣式規(guī)則—可以添加、刪除、修改樣式規(guī)則。 控制DOM中的單個(gè)元素—可以不依賴樣式表來修改元素樣式。

JavaScript 檢測瀏覽器是否支持 CSS 變量：

const isSupported = window.CSS && window.CSS.supports && window.CSS.supports(’--a’, 0);if (isSupported) { /* supported */} else { /* not supported */}

JavaScript 操作 CSS 變量的寫法如下：

// 設(shè)置變量document.body.style.setProperty(’--primary’, ’#7F583F’);// 讀取變量document.body.style.getPropertyValue(’--primary’).trim();// ’#7F583F’// 刪除變量document.body.style.removeProperty(’--primary’);

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。