教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

offset系列屬性和style屬性有什么區(qū)別？

更新時(shí)間:2022年01月07日17時(shí)13分 來(lái)源:傳智教育 瀏覽次數(shù):

offset與style的區(qū)別


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

offset與style的區(qū)別

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

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



猜你喜歡：

JS如何實(shí)現(xiàn)數(shù)組隨機(jī)排序？JS數(shù)組隨機(jī)排序的3種方法

JS編譯原理：Javascript代碼編譯步驟有哪些？

JS如何實(shí)現(xiàn)鼠標(biāo)懸浮時(shí)表格對(duì)應(yīng)行變色？

傳智教育web前端開(kāi)發(fā)培訓(xùn)課程

0 分享到：
和我們?cè)诰€交談！