这是问题的一个简单示例:
<html>
<head>
<link rel='stylesheet' href='myStyle.css'>
<script>
window.onload=function(){
try{
alert(document.styleSheets[0]); // works
alert(document.styleSheets[0].cssRules); // doesn't even print undefined
}catch(e){alert(e);} // catch and alert the error
}
</script>
</head>
<body>
</body>
</html>
样式文件 body{background-color:green;}
该脚本与 <style></style>
解决方案:
- 当文件在线/本地主机时工作。
- 适用于其他浏览器。(即 Internet Explorer、Microsoft Edge、Firefox)
- chrome --allow-file-access-from-files