js基礎提升學習之操作DOM物件樣式

這次帶給大家js基礎提升學習之操作DOM物件樣式，js操作DOM物件樣式的注意事項有哪些，下面就是實戰案例，一起來看一下。

舉個簡單的例子：

我們會發現，xx.style.xx 只能取得行內樣式，width取得不到（行內樣式，意思是指的不能修改外聯進來的樣式）

width取不到的是，我們沒有進行設置，想獲取不可能的，明明知道百分百，但是這種操作不能越界

像素的加減：

parseInt轉換一下，再加上，最後再還原回去

拓展：使用W3C  getComputedStyle(樣式標籤).樣式名稱

優點：標籤樣式都可以取得

缺陷：存在相容性，IE9以上的版本可以用

IE8及之前的版本使用這種格式:標籤.currentStyle.height

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

js基礎提升學習之基本資料型別

JS概念問題總結答案

以上是js基礎提升學習之操作DOM物件樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！