在JavaScript中,可以使用document.styleSheets
屬性來獲取外部CSS樣式表的信息,這個屬性返回一個包含所有樣式表的列表,每個樣式表對應(yīng)一個<link>
元素或<style>
元素。
通過document.styleSheets
,我們可以遍歷所有的樣式表,并獲取它們的URL、標(biāo)題、類型等信息,我們可以使用以下代碼來獲取***個樣式表的URL:
var styleSheet = document.styleSheets[0]; var url = styleSheet.href; console.log(url);
我們還可以使用document.styleSheets
來獲取其他樣式表的信息,例如樣式表的標(biāo)題、類型等,以下代碼獲取***個樣式表的標(biāo)題:
var styleSheet = document.styleSheets[0]; var title = styleSheet.title; console.log(title);
需要注意的是,如果樣式表是通過<style>
元素定義的,那么document.styleSheets
將無法獲取到這些樣式表的信息,因為<style>
元素是在文檔內(nèi)部定義的,而不是通過外部鏈接引入的。
除了document.styleSheets
屬性外,我們還可以使用其他方法來獲取外部CSS樣式表的信息,我們可以使用document.querySelector()
方法來獲取指定的樣式表元素,并通過該元素獲取樣式表的信息,但相對于document.styleSheets
這種方法更加繁瑣且不夠直觀。