(转)用js无法获取style样式的问题解析与解决方法
2013-05-24 22:17
961 查看
今天在写js获取style样式的时候遇到了一个小问题,即用以下的代码获取不到id为“qqChat”div的一些样式:
仔细检查代码,div框的top,left值也定义了啊,为什么就获取不到呢?随搜索之。终于发现了问题所在:
js只能修改html内部的css样式代码。
在JavaScript中,通过document.getElementById(id).style.XXX可以获取到XXX的值,但意外的是这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。
原来是我把样式写到了head中。但是一般不把样式写成行内样式的,所以得找到解决的办法。随继续寻找之。功夫不负有心人,终于找到了解决方法:
如果是ie,问题很好解决,只要把style改成currentStyle即可。即:
而在firefox下,则采用另外一种方式:
综合IE和Firefox之后解决办法如下:
转自:http://www.17leba.com
function $(id){ return documentElementById(id); } var qL = $("qqChat").style.left; alert(qL);//结果为空
仔细检查代码,div框的top,left值也定义了啊,为什么就获取不到呢?随搜索之。终于发现了问题所在:
js只能修改html内部的css样式代码。
在JavaScript中,通过document.getElementById(id).style.XXX可以获取到XXX的值,但意外的是这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。
原来是我把样式写到了head中。但是一般不把样式写成行内样式的,所以得找到解决的办法。随继续寻找之。功夫不负有心人,终于找到了解决方法:
如果是ie,问题很好解决,只要把style改成currentStyle即可。即:
function $(id){ return documentElementById(id); } var qL = $("qqChat").currentStyle.left; alert(qL);//结果有值
而在firefox下,则采用另外一种方式:
function $(id){ return documentElementById(id); } var qL = document.defaultView.getComputedStyle($("qqChat"),null) var qLL = qL.left; alert(qLL);//结果有值
综合IE和Firefox之后解决办法如下:
function $(id) { return document.getElementById(id); } function checkStyle(o){ if(o.currentStyle){ var cur = o.currentStyle; }else{ var cur = document.defaultView.getComputedStyle(o, null); } return cur; } var one = checkStyle($("qqChat")); alert(one.left);//有值
转自:http://www.17leba.com
相关文章推荐
- js无法获取style样式的问题解析与解决方法
- 使用dwr同步调用导致无法获取js方法的返回结果问题的解决办法
- 浏览器解析js生成的html出现样式问题的解决方法
- JS获取元素属性、样式getComputedStyle()和currentStyle方法兼容性问题
- 浏览器解析js生成的html出现样式问题的解决方法
- 解决JS无法调用Controller问题的方法
- 记一次iphone 微信内置浏览器跨域无法获取cookie问题的解决方法
- PHP开发中session无法获取和保存问题解决方法!
- IE浏览器下面 使用 JS的getDate()方法获取星期几出现Nan问题的解决办法
- asp.net无法获取iis目录的问题解决方法
- 关于JS中setTimeout()无法调用带参函数问题的解决方法
- easyui中tab页中js脚本无法加载的问题及解决方法
- 使用PLSQL Developer时,“ORA-12154: TNS:无法解析指定的连接标识符”问题的解决方法
- Cocos2d-X3.0bate_关于一些“无法解析的外部符号”的配置问题解决方法
- 火狐下input焦点无法重复获取问题的解决方法
- MFC采用MSComm控件通信时,出现error LNK2001:无法解析的外部符号问题的解决方法
- javaweb 常见问题-第2篇- chrom google 浏览器 调试时js无法刷新的解决方法
- 第三次遇到同样DNS无法解析的问题,不得不把解决方法分享了
- thinkPHP js文件中U方法不被解析问题的解决方法
- 前台使用js的encodeURIComponent编码后,java解析乱码问题的解决方法