猿问

为啥同样的代码在iE下正常执行在搜狗浏览器上却显示stylesheet[0].relus为空啊?

搜狗浏览器

iE浏览器

https://img2.mukewang.com/5c3eff5e000127ec08000675.jpg



  <html>

<head>

<link href="outside.css" rel="stylesheet" type="text/css"/>


</head>


<script language="javascript" type="text/javascript" >

function abc(e){

var cssrules1= document.styleSheets[0].cssRules ;


var style1=cssrules1[0];

alert(cssrules1[0])

 if(e.value=="红色"){ 

style1.style.backgroundColor="red";

}else if(e.value=="黑色"){

style1.style.backgroundColor="black";

}


}



</script>

<body>

<div id="div1" class="style1"></div>

<input type="button" value="红色" onclick="abc(this)"/>

<input type="button" value="黑色" onclick="abc(this)"/>

</body>

</html>


月关宝盒
浏览 472回答 1
1回答

蝴蝶刀刀

个人测试搜狗浏览器在localhost下是可以的,但是以file://打开的则会爆出和lz一样的错误。个人猜测document.styleSheets[0]遇到外联的css文件时候会产生隐藏的文件请求,导致file://下失败?
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答