是否可以將CSS樣式標簽轉換為javascript對象？

Question

我將這個問題與答案一起發布，以幫助可能存在此問題的其他人，並查看其他人是否同意我的解決方案。

想象一下，我有以下HTML文檔：

<head>
    <style>
        .class1 {
            background-color: white;
            border: "1px dashed black;
        }
        .class2 {
            background-color: dodgerblue;
            border: "1px dashed orange;
        }
    </style>
</head>

現在，我想獲取以下javascript對象：

{
    .class1: "background-color: white; border: 1px dashed black;",
    .class2: "background-color: dodgerblue; border: 1px dashed orange;"
}

Answer 1

<script>
    var myObject = {};
    var myCss = window.document.styleSheets[0].cssRules;
    for (var counter = 0; counter < myCss.length; counter++) {
        var thisSelector = myCss[counter].selectorText;
        var thisCss = myCss[counter].style.cssText;
        myObject[thisSelector] = thisCss;
    }
</script>

靈感來自John Doherty link

是否可以將CSS樣式標簽轉換為javascript對象？

問題描述

1 個解決方案

解決方案1
-1 2018-05-18 10:09:31

是否可以將CSS樣式標簽轉換為javascript對象？

問題描述

1 個解決方案

解決方案1 -1 2018-05-18 10:09:31

解決方案1
-1 2018-05-18 10:09:31