文章詳情頁
JavaScript檢測瀏覽器是否支持CSS變量代碼實例
瀏覽:67日期:2023-11-06 14:36:56
JavaScript可以同樣式進行交互,你可以通過編寫程序來動態改變文檔上元素的樣式。
有三種方法可以實現這樣的效果:
控制樣式表—可以添加、刪除、修改樣式表。 控制樣式規則—可以添加、刪除、修改樣式規則。 控制DOM中的單個元素—可以不依賴樣式表來修改元素樣式。JavaScript 檢測瀏覽器是否支持 CSS 變量:
const isSupported = window.CSS && window.CSS.supports && window.CSS.supports(’--a’, 0);if (isSupported) { /* supported */} else { /* not supported */}
JavaScript 操作 CSS 變量的寫法如下:
// 設置變量document.body.style.setProperty(’--primary’, ’#7F583F’);// 讀取變量document.body.style.getPropertyValue(’--primary’).trim();// ’#7F583F’// 刪除變量document.body.style.removeProperty(’--primary’);
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。
標簽:
JavaScript
相關文章:
排行榜
