document.styleSheets[0]是个啥

Posted 2020-06-07

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了document.styleSheets[0]是个啥相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/css.css" />    
        <style>
        .css01{
            background-image: url(img/01.png);
        }
        </style>
        <script>
        // 无论link还是<style></style>，从前往后依次是0，1，2……
        alert(document.styleSheets[0].rules[0].style.backgroundImage);
        alert(document.styleSheets[1].rules[0].style.backgroundImage);
        </script>
    </head>

    <body>
        <input type="file" id="inputFile" onchange="GetFilePath()" />
    </body>
</html>

以上是关于document.styleSheets[0]是个啥的主要内容，如果未能解决你的问题，请参考以下文章

cssRules/rules 在 Chrome 中为空