js无法获取style样式的问题解析与解决方法
来源:互联网 发布:python开发入门详解 编辑:程序博客网 时间:2024/06/05 09:58
一、JS只能修改内嵌方式设置的样式值
在JavaScript中,通过document.getElementById(id).style.XXX可以获取到XXX的值,但意外的是这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。
1、currentStyle(IE Opera)。即:
mydiv.currentStyle.left 或mydiv.currentStyle["left"]
2、getComputedStyle(FF Chrome)
getComputedStyle(mydiv),null)["width"]综合:
function getStyle(obj,attr) { if(typeof getComputedStyle) return getComputedStyle(obj,null)[attr]; else return obj.currentStyle[attr];}这样调用即可:
getStyle(mydiv,'width')
最后,样式表有三种方式:
内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。
内部样式(internal Style Sheet):是写在HTML的里面的,内部样式只对所在的网页有效。
外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。 最常用的是style属性,在JavaScript中,通过document.getElementById(id).style.XXX就可以获取到XXX的值,但意外的是,这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。
阅读全文
0 0
- js无法获取style样式的问题解析与解决方法
- js获取style样式的问题
- JS 获取style 里面的样式
- js的element.style.xx只能获取内联样式的问题
- JavaScript中如何用原生的js获取style样式
- android Style(样式)的解析
- 获取非内嵌style的样式
- 获取元素样式方式 style、getcomputedstyle与 currentStyle 的用法
- css样式中的class,style与id的优先级问题
- getComputedStyle与currentStyle获取样式(style/class)
- getComputedStyle与currentStyle获取样式(style/class)
- getComputedStyle与currentStyle获取样式(style/class)
- 原生JS获取内嵌,外部css样式,使用style只能直接获取内联style的属性值
- JS获取CSS样式的问题
- 获取页面元素的style中的样式
- javascript的样式获取--getComputedStyle、currentStyle、style
- js 设置 style 样式
- JS获取CSS样式(style/getComputedStyle/currentStyle)
- HBuilder打包App方法
- (转)解析bind1st和bind2nd的使用
- Mysql修改密码
- Opencv 3仿射变换之缩放 平移 旋转 倾斜 反射 透视
- ardupilot的Bootloader编译下载过程
- js无法获取style样式的问题解析与解决方法
- ios-通过Reachability监听网络状态
- fopen、fread、fwrite、fclose函数_C语言学习内容总结2017/12/5
- Agilent Model Builder Program(MBP)2016.01 CHS Win64 1CD
- Geth搭建以太坊私链环境
- 显卡、GPU和CUDA简介
- 在CentOS 7下更改yum源与更新系统。
- 来自C语言小白的日常
- jquery冒泡事件