JavaScript（簡稱JS）是前端開發(fā)人員必學的一門語言，它可以讓網(wǎng)頁變得更加生動有趣?，F(xiàn)在，讓我們一起來學習如何通過JS打印CSS樣式表。

// 獲取樣式表
const styleSheets = document.styleSheets;
// 循環(huán)遍歷每個樣式表
for (let i = 0; i< styleSheets.length; i++) {
const styleSheet = styleSheets[i];
// 獲取每個樣式表下的規(guī)則（包括CSS樣式）
const rules = styleSheet.rules || styleSheet.cssRules;
// 循環(huán)輸出每個規(guī)則的樣式
for (let j = 0; j< rules.length; j++) {
const rule = rules[j];
console.log(rule.cssText);
}
}

首先，我們要獲取當前網(wǎng)頁的所有樣式表，可以通過document.styleSheets實現(xiàn)。進入循環(huán)遍歷每個樣式表，即for (let i = 0; i < styleSheets.length; i++)。循環(huán)中，我們通過styleSheet.rules或者styleSheet.cssRules獲取每個樣式表下的規(guī)則（包括CSS樣式）。接著，進入第二層循環(huán)，即for (let j = 0; j < rules.length; j++)，循環(huán)輸出每個規(guī)則的樣式，即console.log(rule.cssText)。

這個函數(shù)可以用于調(diào)試CSS樣式，在網(wǎng)頁中直接打印出所有CSS樣式，方便我們查看和修改。