<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. Swift - 使用表格组件（UITableView）实现分组列表
			
    1,样例说明: (1)列表以分组的形式展示 (2)同时还自定义分区的头部和尾部 (3)点击列表项会弹出消息框显示该项信息. 2,效果图:       3,代码如下: 1 2 3 4 5 6 7 8 9 ...
    
			
    2. 
						
  2. Swift - 类和结构体的区别
			
    类和结构体有许多相同之处,也有许多不同之处. 二者区别如下: 1,类可以继承和扩展,结构体不可以 2,可以让一个类的实例来反初始化,释放存储空间,结构体做不到 3,类的对象是引用类型,而结构体是值类型 ...
    
			
    3. 
						
  3. ios block循环引用问题
			
    ios开发中,开了ARC模式,系统自动管理内存,如果程序中用到了block就要注意循环引用带来的内存泄露问题了 这几天遇到一个问题,正常页面dismiss的时候是要调用dealloc方法的,但是我的程 ...
    
			
    4. 
						
  4. Linux程序设计学习笔记----多线程编程线程同步机制之相互排斥量(锁)与读写锁
			
    相互排斥锁通信机制 基本原理 相互排斥锁以排他方式防止共享数据被并发訪问,相互排斥锁是一个二元变量,状态为开(0)和关(1),将某个共享资源与某个相互排斥锁逻辑上绑定之后,对该资源的訪问操作例如以下: ...
    
			
    5. 
						
  5. iframe动态创建及释放内存
			
    近期參与一个项目的开发,因为项目是基于浏览器的胖client(RIA)应用程序,页面中大量调用iframe.后期測试发现浏览器内存一直居高不下,并且打开iframe页面越多内存占用越大.在IE系列浏览 ...
    
			
    6. 
						
  6. Android 结合实例学会AsyncTask的使用方法
			
    AsyncTask运行时经过四个步骤,运行四个方法:           1.onPreExecute(),执行在UI线程,能够设置或改动UI控件,如显示一个进度条           2.doInB ...
    
			
    7. 
						
  7. Git详解之六 Git工具（转）
			
    Git 工具 现在,你已经学习了管理或者维护 Git 仓库,实现代码控制所需的大多数日常命令和工作流程.你已经完成了跟踪和提交文件的基本任务,并且发挥了暂存区和轻量级的特性分支及合并的威力. 接下来你 ...
    
			
    8. 
						
  8. poj3678(two-sat)
			
    传送门:Katu Puzzl 题意:n个点,点的取值可以是0或者1.m条边,有权值,有运算方式(并,或,异或),要求和这条边相连的两个点经过边上的运算后的结果是边的权值.问你有没有可能把每个点赋值满足 ...
    
			
    9. 
						
  9. 基于CefGlue的桌面应用开发
			
    原文地址:http://johnnyfee.github.io/csharp/2013/12/21/cef-glue/ 前言 如果你想使用WEB技术来开发桌面客户端,并且是想使用的语言也是C#时,那请 ...
    
			
    10. 
						
  10. asp.net中用FileStream类实现下载文件功能，自定义下载路径，像IE下载一样
			
    方法一: //这个值可以从配置文件读取,或者放个textbox让用户填 string path = "你的路径";FileStream outputStream = new Fil ...
    
			
    11.