gpt4 book ai didi

javascript - 是否可以从外部样式表中提取所有样式并将它们放在同一页面上?

转载 作者:太空宇宙 更新时间:2023-11-04 05:17:35 25 4
gpt4 key购买 nike

是否可以使用 javascript 或 jQuery 提取外部文件中列出的所有 CSS 规则,然后执行 $('link').remove(),然后将所有 CSS 规则放入同一页面上的样式 block ?

澄清一下:我想使用 JavaScript 将所有外部 CSS 规则移动到页面中的内联样式 block 中,是的。

如果是这样,我该如何着手实现这一点?

最佳答案

我省略了有关将规则附加为“内联”规则的详细信息。那应该是相当微不足道的。另外,您会在下面看到我禁用了样式表而不是实际删除它们。我想强调的重要一点是,此解决方案允许导入其他 样式表的样式表。

TEST.HTML

<html>
<body>
<link rel="stylesheet" type="text/css" media="screen,projection" href="screen.css">
<link rel="stylesheet" type="text/css" media="screen,projection" href="screen2.css">
</body>
<script>
function processSheet(sheet){
if (sheet.cssRules){
for (var i=0; i< sheet.cssRules.length; i++){
if (sheet.cssRules[i].type == 3){
processSheet(sheet.cssRules[i].styleSheet);
}
else{
alert(sheet.cssRules[i].cssText);
}
}
}
}

for (var i=0; i< document.styleSheets.length; i++){
processSheet(document.styleSheets[i]);
}

for (var i=0; i< document.styleSheets.length; i++){
processSheet(document.styleSheets[i].disabled=true);
}

</script>

<div>Hi</div>
</html>

屏幕.css

@import url("reset.css");
table {
background-color:green;
}

关于javascript - 是否可以从外部样式表中提取所有样式并将它们放在同一页面上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7531269/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com