关于读取style元素定义样式表的兼容问题实例探讨

ttx9n · 发表于 2014-6-4 15:35:52

这篇文章主要探讨下关于读取style元素定义样式表的兼容问题，在测试代码时，在Google和IE中能够正常运行，在FF火狐中不能运行
复制代码代码如下:
<span style="font-size:18px;"></span><pre name="code" class="javascript"><html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>JavaScript Sample</title>
<style type="text/css">
div{color:#FF0000;font-weight:bold;}
p{color:#000000;font-size: 14px;}
</style>
</head>
<body>
<div id="div1">请点击<a href="#">网站链接</a>
</div>
<script type="text/javascript">
var o = document.styleSheets[0];
var ol = o.rules[1];
alert(ol.style.color);
ol.style.color ="green";
alert(ol.style.color);
</script>
</body>
</html>

在测试上述代码的时候，在Google和IE中能够正常运行，以下是google中的运行截图：

但是，放在FF（火狐 29）中确不能运行，没有弹框，出现如下错误：

rules方法在FF中是没有定义的，所以将rules方法换成了cssRules()方法，就能正常运行：

cssRules()在Google和IE中式兼容的。

pwseqn1h · 发表于 2022-9-5 12:02:44

呵呵呵呵呵呵

白狐软件 · 发表于 2022-9-18 17:58:21

额UI废物iuhfujewfiewnnfen

70r45_zs · 发表于 2022-12-12 07:33:32

收下来看看怎么样

95nd4ba · 发表于 2022-12-16 00:24:06

女生看了弄丢了卡萨诺的卡洛斯

r8st9 · 发表于 2023-1-21 16:55:53

额头额定法国队是范德萨

kwzc65wdj · 发表于 2023-2-28 00:09:12

笑纳了老板

jasonlong · 发表于 2023-3-6 13:06:15

我找了挺久终于找到了

kwa3hgmjp · 发表于 2023-10-16 01:33:14

很不错的样子

e8hwl6prw · 发表于 2023-11-29 15:23:23

为全额万千瓦

账号		自动登录	找回密码
密码			立即注册

[CSS] 关于读取style元素定义样式表的兼容问题实例探讨