用javascript控制css中style.height和style.width时应注意px单位问题

72 阅读 0 评论 48 点赞

我是靠谱客的博主神勇香烟，最近开发中收集的这篇文章主要介绍用javascript控制css中style.height和style.width时应注意px单位问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

divSlider.style.height = 1000; //在chrome不管用

divSlider.style.height = "500px"; //这样就好了

JavaScript在ie中解析时，可以这样写：

1、document.getElementById('div').style.height=100; //这样写以IE里会正确执行，把ID为div元素高改为100象素。

2、但是读的时候，alert(document.getElementById('div').style.height+10); //这样将会出错，因为读取style.height的时候，会以"100px"的形式出现。

3、到了FF里，不光读出来的是"100px"，写的时候，也必须是document. getElementById('div').style.height='100px';这样才能有效果。。。也许正是FF的严谨吧。

OK，这样好搞多了，以后用javascript控制css的对象高度或者宽度的时候，我们就直接用parseInt($('div').style.height)这样就完美了，无论读写，IE或者FF，都兼容了。。。。

原作地址：http://hi.baidu.com/loadinger/blog/item/beceab8b24191e7c9f2fb4c6.html

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。