<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中的执行截图：




watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTA0Mzg0Mw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">




可是，放在FF（火狐 29）中确不能执行。没有弹框，出现例如以下错误：




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






cssRules()在Google和IE中国支持。




版权声明：本文博客原创文章，博客，未经同意，不得转载。


												


											
关于读style元素定义样式表兼容性的更多相关文章
	

    
								
  1. jquery给元素添加样式表的方法
		
    //1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr(&qu ...
    
		
    2. 
						
  2. css常用元素通用样式表
		
    @charset "utf-8";html,body,a,h1,h2,h3,h4,h5,h6,p,a,b,i,em,s,u,dl,dt,dd,ul,ol,li,strong,spa ...
    
		
    3. 
						
  3. css样式表分类、选择器分类、css基础样式
		
    1 . 样式表  Cascading Style Sheet      css优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使网页布局更加灵活 减少网页代码量,增加网页的浏览速度,节省 ...
    
		
    4. 
						
  4. 【使用 DOM】为DOM元素设置样式
		
    1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleS ...
    
		
    5. 
						
  5. 【温故而知新-Javascript】为DOM元素设置样式
		
    1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表 都由一个CSSStyleS ...
    
		
    6. 
						
  6. （转载）记录函数 getStyle() 获取元素 CSS 样式
		
    设置元素(element)的css属性值可以用element的style属性,例如要将element的背景色设置为黑色,可以这么做: element.style.backgroundColor = ' ...
    
		
    7. 
						
  7. css样式表设置
		
    有参考此片博文 1.内联式样式表 是指将CSS样式编码写在HTML标签中,在标签内编写的样式能影响的范围最小,只改变本标签的文字样式,同样的标签不会受到影响,也称行间样式表. 格式如下 <h1  ...
    
		
    8. 
						
  8. css 样式表
		
    CSS(cascading style sheets,层叠样式表),作用是美化HTML网页. /*注释*/   注释语法 2.1 样式表的基本概念 2.1.1样式表的分类 1.内联样式表 和HTML联 ...
    
		
    9. 
						
  9. HTML第二部分 CSS样式表
		
    CSS(cascading style sheets,层叠样式表),作用是美化HTML网页. /*注释*/   注释语法 2.1 样式表的基本概念 2.1.1样式表的分类 1.内联样式表 和HTML联 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 注解框架---AndroidAnnotations
			
    AndroidAnnotations是一个开源框架,旨在加快Android开发的效率.通过使用它开放出来的注解api,你差点儿可以使用在不论什么地方, 大大的降低了无关痛痒的代码量,让开发人员可以抽身 ...
    
			
    2. 
						
  2. R语言与数据分析之六：时间序列简介
			
    今年在某服装企业蹲点了4个多月,之间非常长一段时间在探索其现货和期货预測.时间序列也是做销售预測的首选,今天和小伙伴分享下时间序列的基本性质和怎样用R来挖据时间序列的相关属性. 首先读入一个时间序列: ...
    
			
    3. 
						
  3. typedef和define具体的具体差别
			
      1) #define是预处理指令,在编译预处理时进行简单的替换,不作正确性检查,不关含义是否正确照样带入,仅仅有在编译已被展开的源程序时才会发现可能的错误并报错.比如: #define PI 3. ...
    
			
    4. 
						
  4. 2014年Windows平台软件推荐：神器小工具（骨灰级
			
    原文  http://www.wtoutiao.com/a/120621.html 底层工具 “If you know how to use Process Monitor competently,  ...
    
			
    5. 
						
  5. 136 - Ugly Numbers
			
     Ugly Numbers  Ugly numbers are numbers whose only prime factors are 2, 3 or 5. The sequence 1, 2, 3 ...
    
			
    6. 
						
  6. c语言数组应用－－统计随机数并打印直方图
			
    C标准库中生成伪随机数的是rand函数,使用这个函数需要包含头文件stdlib.h,它没有参数,返回值是一个介于0和RAND_MAX之间的接近均匀分布的整数.RAND_MAX是该头文件中定义的一个常量 ...
    
			
    7. 
						
  7. poj2826（线段相交）
			
    传送门:An Easy Problem?! 题意:用两条线段接雨水,雨水是垂直落下的,问我们用给定的两条线段能接到多少水. 分析:看起来很简单,写起来略麻烦,先排除不能接到水的情况: 1. 两条线段不 ...
    
			
    8. 
						
  8. poj 1011 Sticks ，剪枝神题
			
    木棒 Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 118943 Accepted: 27429 Description 乔治拿 ...
    
			
    9. 
						
  9. 向GridView的模板列绑定OnClientClick的函数时出现了奇怪的问题
			
    原文:向GridView的模板列绑定OnClientClick的函数时出现了奇怪的问题 GridView的一个模板列中的内容是按钮,需要实现以下的效果: GridView分页显示数据,点击编辑按钮(模 ...
    
			
    10. 
						
  10. 西南民大oj（两园交求面积）
			
    西南民大oj:http://www.swunacm.com/acmhome/welcome.do?method=index 我的几何不可能那么可爱 时间限制(普通/Java) : 1000 MS/ 3 ...
    
			
    11.