js关于浏览器document对象属性支持问题

NoTargetException 2012-06-18 07:33:07
取外部css:
Mozilla 用 document.styleSheets[0].cssRules;
IE 用 document.styleSheets[0].rules;

问题是: 360浏览器该用哪个属性 cssRules和rules 都不支持。 都报错误,说接受的值为null.

求解!
...全文
165 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
NoTargetException 2012-06-19
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 的回复:]

是360还有基于 mshtml 和webkit的 版本

楼主试试
HTML code

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body>
<div class="a">1111……
[/Quote]

我表哥都给我提醒用jq.
我就想用最原始的解决, 要是不能解决, 我在考虑用jq。 等我回复!
NoTargetException 2012-06-19
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 的回复:]

是360还有基于 mshtml 和webkit的 版本

楼主试试
HTML code

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body>
<div class="a">1111……
[/Quote]

我今晚不太清醒,明天我试试,可以的一定给分!放心!
不行,再请教你,麻烦你了!
NoTargetException 2012-06-19
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 的回复:]

不好意思,没看到是取外部CSS

肯定跨域了,有些浏览器是可读的如ff,ie7,8;有些是不可读写的,如safari,chrome,opera
[/Quote]

你所说的我基本都试了,就是谷歌内核的不行。
001007009 2012-06-18
  • 打赏
  • 举报
回复
是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>

yuji821 2012-06-18
  • 打赏
  • 举报
回复
360浏览器是IE内核

给IE一样的
打字员 2012-06-18
  • 打赏
  • 举报
回复
不好意思,没看到是取外部CSS

肯定跨域了,有些浏览器是可读的如ff,ie7,8;有些是不可读写的,如safari,chrome,opera
打字员 2012-06-18
  • 打赏
  • 举报
回复
不知道是否跨域,如果是,值就是null

某些浏览器(如safari),本地浏览也长会认为是跨域了,一定要有服务器。

1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居中问题 3 9. Div的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧