Question

使用jQuery或纯JavaScript，我可以在最初加载时返回页面中包含的每个样式表的列表吗？

我想要做的就是在控制台中打印出样式表名称列表，不需要有关样式表的其他信息。

Answer 1

如果我是正确的， Names 是指每个样式表的文件名。

考虑这个例子：

jQuery("link[href*='.css']").each(function(){
    console.log(jQuery(this).attr('href').split('/').pop());
});

这里我使用这个link[href*='.css']选择器来选择所有（包括非活动）样式表。

Answer 2

如果使用jQuery：

if-loop

Answer 3

如果你正在使用jQuery，你可以采取以下措施：

$(document).ready(function() {
    console.log($("link[rel='stylesheet']").attr("href"));
});

in this SO answer

Answer 4

这段代码会在link上收集rel个stylesheet属性的所有href，然后对其进行迭代并记录其属性$("head link[rel='stylesheet']").each(function (){ console.log($(this).attr("href")); });。您可以使用循环中的行在任何位置显示样式表名称。

{{1}}

Working example

Answer 5

试试这个，

var styles = document.styleSheets;
$(styles).each(function(index,value){
    console.log(value.href==null ? null : value.href.split('/').pop())
});

Answer 6

var styleSheetList = document.styleSheets;

参考：https://developer.mozilla.org/en-US/docs/Web/API/Document/styleSheets

使用JS，是否可以在加载时返回页面中包含的所有CSS样式表的列表？

6 个答案: