用javascript控制css中style.height和style.width時應注意px單位問題
阿新 • • 發佈：2019-02-17
divSlider.style.height = 1000; //在chrome不管用
divSlider.style.height = "500px"; //這樣就好了
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，都相容了。。。。