Mozilla 用 document.styleSheets[0].cssRules;
IE 用 document.styleSheets[0].rules;
问题是： 360浏览器该用哪个属性 cssRules和rules 都不支持。 都报错误，说接受的值为null.
求解！
-
等级
本版专家分：62结帖率 100% -
取外部css：
Mozilla 用 document.styleSheets[0].cssRules;
IE 用 document.styleSheets[0].rules;
问题是： 360浏览器该用哪个属性 cssRules和rules 都不支持。 都报错误，说接受的值为null.
求解！展开阅读全文
-
等级
本版专家分：17275 -
不知道是否跨域，如果是，值就是null
某些浏览器（如safari),本地浏览也长会认为是跨域了，一定要有服务器。
-
等级
本版专家分：17275
-
不好意思，没看到是取外部CSS
肯定跨域了，有些浏览器是可读的如ff,ie7,8；有些是不可读写的，如safari,chrome,opera
-
等级
本版专家分：433 -
360浏览器是IE内核
给IE一样的
-
等级
本版专家分：55789勋章
-
- 金牌 2012年5月 总版技术专家分月排行榜第一
-
- 银牌 2012年6月 总版技术专家分月排行榜第二
-
-
红花
2012年6月 Web 开发大版内专家分月排行榜第一
2012年5月 Web 开发大版内专家分月排行榜第一
-
- 黄花 2012年7月 Web 开发大版内专家分月排行榜第二
-
-
是360还有基于 mshtml 和webkit的 版本
楼主试试
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body>
<div class="a">111111111</div>
<div class="b">111111111</div>
<div class="c">111111111</div>
<script>
function $(el){
return typeof el == 'string' ? document.getElementById(el) : el;
}
;(function(w, d){
var ie = !+[1,];
var o = null;
var styleSheet = function(){
this.init();
};
styleSheet.prototype = {
init: function(){
var h = d.getElementsByTagName('head')[0];
var s = d.createElement('style');
h.appendChild(s);
o = d.styleSheets[d.styleSheets.length-1];
},
add: function(selector, style){
ie ?
o.addRule(selector, style)
:
o.insertRule(selector + "{" + style + "}", o.cssRules.length);
},
del: function(index){
ie ?
o.removeRule(index)
:
o.deleteRule(index);
},
getRules: function(){
return ie ?
o.rules
:
o.cssRules;
},
getRule: function(selector){
var rules = this.getRules();
for(var i = 0, len = rules.length; i < len; i++){
var r = rules[i];
if( r.selectorText == selector ){
return r;
}
}
return null;
}
}
w.styleSheet = styleSheet;
})(window, document);
var s = new styleSheet;
s.add('.a', 'color:red;')
s.add('.a', 'font-size:111px;')
s.add('.a', 'font-size:11px;')
s.add('.b', 'color:blue;')
//s.del(0)
alert( s.getRule('.a').style['color'] )
</script>
</body>
</html>
-
等级
本版专家分：62
-
你所说的我基本都试了，就是谷歌内核的不行。
-
等级
本版专家分：62
-
我今晚不太清醒，明天我试试，可以的一定给分！放心！
不行，再请教你，麻烦你了！
-
等级
本版专家分：62
-
我表哥都给我提醒用jq.
我就想用最原始的解决， 要是不能解决， 我在考虑用jq。 等我回复！
- js浏览器兼容问题总结及解决办法
javascript部分 document.form.item 问题 问题： 代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements[“elementName”] 集合类对象...
- JavaScript中解决浏览器兼容性问题
下面是解决javascript中一些关于浏览器兼容性的问题，并举例进行说明。 1、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”)
- js Document 对象属性和方法
document.writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。 document.scripts 返回页面中所有脚本的集合。 document.title 返回当前文档的标题。 document.URL 返回文档完整的URL document....
- document对象属性和方法
获取某个元素的ID document.getElementById(“myid”)
- 关于IE内核浏览器使用 ... 报错“找不到对象”，“不支持对象” 或 “对象不支持属性或方法”等问题的解决
在使用时，发现有些电脑在使用这个方法是会提示：“找不到对象”，“不支持对象” 或 “对象不支持属性或方法” 等问题。根据几个博主的回答再次做一个总结。 此处以360浏览器作为问题模板，使用360浏览器内置的高级...
- 【JavaScript】document对象_Cookie属性
借助document的cookie属性，Javascript程序就可 以实现与www服务器一样的cookie功能，即获取当前的 cookie信息和产生一个新的cookie。 一个浏览器访问www服务器的每个网页文件，都是独立的， 每个网页的javascript...
- js判断浏览器是否支持属性或方法
判断浏览器是否支持HTMl标签属性 // HTML属性 in DOM对象 ：判断是否支持这个属性，支持返回true，不支持返回false if('placeholder' in document.createElement('input')){ ...判断浏览器是否支持js属性或...
- JS--JavaScript中的document对象概述、API详解、文档对象模型
document对象 在浏览器窗口中，每个对象都会包含一个...浏览器在加载文档时，会自动构建文档对象模型，把文档中同类元素对象映射到一个集合中，然后以document对象属性的形式允许用户访问。 以下集合都是HTMLColle...
- JavaScript浏览器对象之history对象
目录 1 history对象概述 1.1 属性说明 1.2 方法说明 2 history.pushState()，history....浏览器窗口有一个history对象，用来保存浏览历史。比如，该窗口先后访问了三个地址，那么history对象就包括三项，len...
- JavaScript-浏览器（一）浏览器对象
原文出处 ：https://www.liaoxuefeng.com/浏览器由于JavaScript的出现就是为了能在浏览器中运行，所以，浏览器自然是JavaScript开发者必须要关注的。目前主流的浏览器分这么几种：IE 6~11：国内用得最多的IE浏览器，...
- JavaScript——事件+浏览器内置对象
这一篇我们就来探究Javascript的事件和浏览器内置对象，在开发中我们会常用到的一些的事件，这里会举例说明，并加以解释，如有不对之处，还请各位博友留言，我们一起交流学习。 一、JavaScript事件 1.1
- JS--JavaScript操作BOM（浏览器对象模型、window对象概述、window.open()方法打开窗口）
在浏览器中，window对象既是JavaScript访问浏览器窗口的接口，又是JavaScript的全局对象（Global）。因此在全局作用域中声明的所有变量和函数也是window对象的属性和方法。 访问浏览器窗口 通过window对象可以访问...
- 在JavaScript浏览器对象模型中，Windows对象的（ ）属性 用来指定浏览器状态栏中现实的临时消息
在JavaScript浏览器对象模型中，Windows对象的（ ）属性 用来指定浏览器状态栏中现实的临时消息。 A ） status B ） screen C ） history D ） document 解析： A. 状态栏信息属性 B. 屏幕对象（也叫显示屏对象） C....
- JS中的浏览器对象
*浏览器对象又称BOM，是各个浏览器厂商根据DOM在在... window对象可以作为js在浏览器上的全局作用域，也可以表示浏览器的窗口。 navigator navigator对象表示浏览器的信息，最常用的属性包括： navigator.appN
- JavaScript浏览器对象之window对象详解
2 window对象的属性 2.1 window.name属性 2.2 window.innerHeight属性，window.innerWidth属性 2.3 window.pageXOffset属性，window.pageYOffset属性 2.4 iframe元素 2.5 Navigator对象 2.5.1 Navigator....
- 谷歌浏览器不支持javascript 属性对象获取问题
谷歌浏览器 JavaScript 属性对象获取问题 首先陈述一下我遇到的问题 我在img标签里面添加自定义属性fileName img fileName="0_0.png" width="300" heigth="300" /> 通过下面代码获取其属性值 var ...
- JavaScript HTML DOM节点类型之Document类型（Document对象属性和Document对象集合属性）
ocument对象使我们可以用JavaScript对 ...Document对象的属性和方法中有的可返回单个Element元素对象，有的会返回一个HTMLCollection元素集合对象，其中保存了对锚、表单、链接以及其他元素的引用。 Document对象
- JS中document对象 && window对象
所有的全局函数和对象都属于Window...document是window的一个子对象、一个对象属性。 2、用户不能改变 document.location(因为这是当前显示文档的位置)。 但是,可以改变window.location (用其它文档取代当前文档) ...
- JavaScript基础（DOM）-Document对象、Element 对象、Attribute 对象、动态的创建 删除 添加节点
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。 要改变页面的某个东西，JavaScript 就...
- JavaScript之document对象获取元素
概述：浏览器对外提供的支持js操作HTML文档的一种对象，这个对象封装了HTML文档中的所有对象。当HTML文档一执行，就会创键document对象，把HTML文档中的所有信息封装到document对象中，我们要获取HTML文档中的信息，...
- js导出数据，浏览器（内核必须支持<a> download 属性或Blob对象创建）兼容
\ufeff去除中文乱码 encodeURI识别转义符
- 创建跨浏览器Javascript的XMLDocument对象
在用javascript操作xml的过程中，遇到最大的问题就是跨浏览器兼容。我解决的思路是：是运用外观模式，得到不同浏览器所需XmlDocument对象。但在不同浏览器下的XmlDocument对象又有些差异，所以我又有用适配器模式，...
- JS中document对象和window对象有什么区别
1、document对象：代表给定浏bai览器窗口中的 HTML 文档。 2、window对象：表示浏览器中打开的窗口。 二、作用不同 1、document对象：使用 document 对象可以对 HTML 文档进行检查、修改或添加内容，并处理该文档...
- 浏览器的6大常用对象：window、navigator、screen、location、document、history
浏览器对象模型（Browser Object Model (BOM)）：允许 JavaScript 与浏览器对话。 不同的浏览器对JavaScript支持的差异主要是，有些API的接口不一样，比如AJAX，File接口。对于ES6标准，不同的浏览器对各个特性支持...
- js的document对象及操作
浏览器对外提供的支持js的用来操作HTML文档的一个对象，此对象封装HTML的所有信息 2、使用document 获取HTML元素对象 直接获取方式 通过id：document.getElementById("id"); 通过name...
- javaScript学习笔记（一）js基础
JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
- JS中document对象和window对象的区别
简单来说，document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window ...
- 浏览器事件对象详解
客户端js程序采用了异步事件驱动模型，每当我们点击或敲击键盘时，浏览器就会产生事件，如果js程序关注特定类型的事件，那么它可以注册当这类事件发生时要调用的一个或多个处理函数。这种风格并不止应用于web编程，...
- JS中的window对象和document对象是什么？有什么区别？
1、document对象：代表给定浏览器窗口中的HTML文档，document是window的一个对象属bai性。 2、window对象：表示浏览器中打开的窗口。 二、作用不同 1、document对象：使用document对象可以对HTML文档进行检查、修改...
- JavaScript浏览器对象
浏览器对象主要有：History历史对象、Location地址对象、document文档对象、window对象浏览器对象、Navigator对象(客户机浏览器的信息)、Screen对象（客户机屏幕的信息）等。 二、history历史对象 History对象是...