JS 中的 style.width
来源:互联网 发布:安卓4.4 联系人数据库 编辑:程序博客网 时间:2024/05/30 05:42
JS 中也可以控制样式表,但 IE 和 FF(FireFix) 对此解释略有不同,以 style.width 为例。
IE
id.style.width = "100"; //只带数值,不会出错
id.style.width = "100px"; //带数值和单位,不会出错
id.style.width = "100px;"; //带数值、单位和分号,会出错
FF
id.style.width = "100"; //只带数值,会出错
id.style.width = "100px"; //带数值和单位,不会出错
id.style.width = "100px;"; //带数值、单位和分号,不会出错
由此可见,要写出兼容的代码,就得选用“带数值和单位”的写法,上例中为:id.style.width = "100px";
取值
上面是给 style.width 赋值,若取值的话,不论哪种写法,只要在各自浏览器中能够运行,返回值均是:数值和单位的形式,如:100px。
pixelWidth
如前所述,id.style.width 返回 100px 的形式,IE 支持 pixelWidth,它返回只有数字,不带单位。但 FF 不支持,所以我们取 width 的宽度数值时还是这样用:var w = parseInt(id.style.width),parseInt 将字符串转化成整数。
- JS 中的 style.width
- Img中的width失效,style中的width才有效
- js的style.width和offsetWidth问题
- JavaScript中的style.width/height和offsetWidth/height区别
- obj.style.width
- obj.style.width问题
- <span style='width: ""> </span> width不起作用
- scrollWidth clientWidth offsetWidth style.width screen.width
- js随记-----js调用style中的样式
- style.width和offsetwidth区别
- Js中的style,currentStyle,getComputedStyle()区别
- ArcGIS API for JS 中的style
- js中的scrollleft、style.left、clientLeft、offsetLeft
- HTML5 Canvas 的width/height 与style.width/height
- canvas的width和style里面的width
- scrollWidth() clientWidth() offsetWidth() style.width() screen.height()
- offsetWidth和style.width的区别
- [ReactNative] 02--style & width/height & FlexBox
- 一种比“ini配置文件”和“注册表”更好用的保存“初始化信息”的方法—CArchive类
- PHP高级对象构建 工厂模式的使用
- 正则表达式中/i,/g,/ig,/gi,/m的区别和含义
- Django web : CSRF verification failed. Request aborted.
- Linux下抓包工具tcpdump应用详解
- JS 中的 style.width
- 有趣的测试
- 我的Jquery学习笔记(一)
- ECMBoss企业内容解决方案项目系列之(二)人力资源整合组建项目精英开发团队
- 绘制2D游戏场景
- 为什么jdk中把String类设计成final?
- Linux系统管理员成长经验:十一大工作心得
- struts1学习笔记4---struts的深入研究
- java类的生命周期