使用Java Script读取外部css

Reading external css using Java Script

本文关键字：外部 css 读取 Script Java 使用      更新时间：2023-09-26

所以如果有一个外部CSS文件，比如:

<link rel='stylesheet' type='text/css' href='test.css'>

，我们想用javascript读取样式表，我们可以这样做:

document.styleSheets[0].cssRules[0].cssText; (for example for first rule)

它在firefox中工作得很好，但在chrome中同样的语句给出了错误，如Type Error: "non_object_property_load" .

可能是什么问题，我们如何在chrome中读取样式表?

请看看我面临的问题:

http://s4.postimage.org/x5q0xt1vh/file.png

编辑:所以问题来了，当测试文件和链接的css放在本地系统上，不能通过web服务器访问。

我找到问题了。这确实与安全有关，如果外部css在firefox的同一目录中，但在chrome中不起作用，则可以工作。
如果css文件在另一个目录或在线，它将无法在firefox中工作。

现在为了解决这个问题，我用参数--allow-file-access-from-files启动了chrome，现在它工作得很好，因为它应该

http://www.quirksmode.org/dom/w3c_css.html -看起来Chrome不支持。csstext

这适用于Chrome(至少14):

document.styleSheets[0].cssRules[0].cssText

这将给你规则。虽然这:

document.styleSheets[0].cssRules[0].cssText[0]

将给出第一条规则的第一个字母。

相关文章：