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

来源：互联网发布：caxa机械画图软件编辑：程序博客网时间：2024/06/08 11:28

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

0 0