关于javascript的获取link外置css问题

pikay 发布于 2013/10/29 12:24
阅读 881
收藏 0

小白又来请教各位大神解答

问题是获取<link rel="stylesheet" href="03css.css" />某些css,在ie firefox opera下都能正常获取,但是在chrome中却无法获取

下面贴出相关代码

<link rel="stylesheet" href="03css.css" />
function ff()
{
        var a = document.styleSheets[0];
	var arules = a.rules || a.cssRules;
	alert("外建style[0]的cssList含有数量:" + arules.length );
}
<input type="button" value="外建stylesheet的css获取" onClick="ff()" />

把芜余的代码都去了,关键代码如上,在chrome执行失败,其他浏览器都能成功;网上文献一大堆错乱,书籍中没有记载相关解决方法, 求大神解决


加载中
0
pikay
pikay

问题已解决,出在:

chrome的传输机制上的问题,就像ajax测试一样的问题解决方案,本机用localhost里测试可以运行,但是在html文件上运行是失败的

出自:http://www.webdeveloper.com/forum/showthread.php?231153-cssRules-are-null-in-Chrome

0
francis-x
francis-x

我在chrome控制台下试了下,好像可以的呀:

(document.styleSheets[0].rules || document.styleSheets[0].cssRules).length

0
francis-x
francis-x

引用来自“梦无涯”的答案

我在chrome控制台下试了下,好像可以的呀:

(document.styleSheets[0].rules || document.styleSheets[0].cssRules).length

pikay
pikay
感谢你的提醒,问题出在chrome上,本地html文件运行此方法是失败的,在服务器上就会运行成功,跟ajax出问题的地方一样
返回顶部
顶部