首頁技術(shù)文章正文

offset與style的區(qū)別有哪些？

更新時(shí)間:2022-01-07 來源:黑馬程序員 瀏覽量:

offset與style的區(qū)別


offset系列和style屬性都可以獲得元素樣式的屬性和位置，那么兩者有什么區(qū)別呢?接下來我們就對(duì)offset系列和style屬性的區(qū)別進(jìn)行深入分析，具體如下表所示。

offset與style的區(qū)別

offset style
offset可以得到任意演示表中的樣式值 style只能得到行內(nèi)樣式表中的樣式值
offset系列獲得的數(shù)值是沒有單位的 style.width獲得的是帶有單位的字符串
offsetWidth包含padding、border、width的值 style.width獲得的是不包含padding、border的值
offsetWidth等屬性是只讀屬性，只能獲取不能賦值 style.width是可讀屬性，可以獲取可以賦值

需要注意的是，offset系列是只讀屬性，只能獲取元素的寬度，不能像style那樣通過賦值修改元素樣式。想到獲取元素的大小位置，使用ofet更為合適;而想要給元素更改值，則需要使用syle來改變。



猜你喜歡：

JS判斷數(shù)組類型的方法

JS數(shù)組去重的方法

JS數(shù)組轉(zhuǎn)為字符串如何實(shí)現(xiàn)？

黑馬程序員web前端培訓(xùn)課程

分享到：
在線咨詢 我要報(bào)名
和我們?cè)诰€交談！