gpt4 book ai didi

javascript - 如何使用JavaScript读取CSS规则值?

转载 作者:行者123 更新时间:2023-11-28 00:45:50 25 4
gpt4 key购买 nike

我想返回一个包含CSS规则所有内容的字符串,就像您在嵌入式样式中看到的格式一样。我希望能够在不知道特定规则中包含什么的情况下执行此操作,因此我不能仅通过样式名称(例如.style.width等)将它们拉出。

CSS:

.test {
width:80px;
height:50px;
background-color:#808080;
}


到目前为止的代码:

function getStyle(className) {
var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
for(var x=0;x<classes.length;x++) {
if(classes[x].selectorText==className) {
//this is where I can collect the style information, but how?
}
}
}
getStyle('.test')

最佳答案

改编自here,基于scunliffe的答案:

function getStyle(className) {
var cssText = "";
var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
for (var x = 0; x < classes.length; x++) {
if (classes[x].selectorText == className) {
cssText += classes[x].cssText || classes[x].style.cssText;
}
}
return cssText;
}

alert(getStyle('.test'));

关于javascript - 如何使用JavaScript读取CSS规则值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53538789/

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