首頁 > web前端 > js教程 > 主體

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

php中世界最好的语言
發布: 2018-06-04 14:15:31
原創
1564 人瀏覽過

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

舉個簡單的例子:

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

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

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

像素的加減:

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

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

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

缺陷:存在相容性,IE9以上的版本可以用

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

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

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

推薦閱讀:

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

JS概念問題總結答案

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板