這次帶給大家js基礎提升學習之操作DOM物件樣式,js操作DOM物件樣式的注意事項有哪些,下面就是實戰案例,一起來看一下。
舉個簡單的例子:
我們會發現,xx.style.xx 只能取得行內樣式,width取得不到(行內樣式,意思是指的不能修改外聯進來的樣式)
width取不到的是,我們沒有進行設置,想獲取不可能的,明明知道百分百,但是這種操作不能越界
像素的加減:
parseInt轉換一下,再加上,最後再還原回去
拓展:使用W3C getComputedStyle(樣式標籤).樣式名稱
優點:標籤樣式都可以取得
缺陷:存在相容性,IE9以上的版本可以用
IE8及之前的版本使用這種格式:標籤.currentStyle.height
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是js基礎提升學習之操作DOM物件樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!