在前端開(kāi)發(fā)中,我們經(jīng)常需要獲取CSS文件的路徑,以便在JavaScript中進(jìn)行相關(guān)操作。下面我們來(lái)介紹如何使用JavaScript獲取CSS文件的路徑。
//獲取CSS文件路徑 function getCssUrl() { var cssUrl = ''; var stylesheets = document.styleSheets; for (var i = 0; i< stylesheets.length; i++) { if (stylesheets[i].href) { cssUrl = stylesheets[i].href; break; } } return cssUrl; }
上面的代碼可以獲取到最后一個(gè)CSS文件的路徑。如果要獲取所有CSS文件的路徑,可以使用以下代碼:
//獲取所有CSS文件路徑 function getCssUrls() { var cssUrls = []; var stylesheets = document.styleSheets; for (var i = 0; i< stylesheets.length; i++) { if (stylesheets[i].href) { cssUrls.push(stylesheets[i].href); } } return cssUrls; }
注意:如果CSS文件是通過(guò)