div的offsetLeft與style.left區(qū)別
更新時(shí)間：2016年09月21日 14:24:17 投稿：lqh
這篇文章主要介紹了div的offsetLeft與style.left區(qū)別的相關(guān)資料,需要的朋友可以參考下
clientX 事件屬性返回當(dāng)事件被觸發(fā)時(shí)鼠標(biāo)指針向?qū)τ跒g覽器頁面（或客戶區(qū)）的水平坐標(biāo)。
客戶區(qū)指的是當(dāng)前窗口。
如果父div的position定義為relative,子div的position定義為absolute，那么子div的style.left的值是相對于父div的值，這同offsetLeft是相同的，區(qū)別在于：
1. style.left 返回的是字符串，如28px，offsetLeft返回的是數(shù)值28，如果需要對取得的值進(jìn)行計(jì)算，還用offsetLeft比較方便。
2. style.left是讀寫的，offsetLeft是只讀的，所以要改變div的位置，只能修改style.left。
3. style.left的值需要事先定義，否則取到的值為空。而且必須要定義在html里，我做過試驗(yàn)，如果定義在css里，style.left的值仍然 為空，這就是我剛開始碰到的問題，總是取不到style.left的值。offsetLeft則仍然能夠取到，無需事先定義div的位置。
以上就是div的offsetLeft與style.left區(qū)別的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料，謝謝大家對本站的支持!
您可能感興趣的文章:
- js中offset,client , scroll 三大元素知識點(diǎn)總結(jié)
- MySQL查詢中LIMIT的大offset導(dǎo)致性能低下淺析
- JS中offset和勻速動畫詳解
- js獲取元素的偏移量offset簡單方法(必看)
- 詳解原生js實(shí)現(xiàn)offset方法
- JavaScript中offsetWidth的bug及解決方法
- JavaScript中style.left與offsetLeft的使用及區(qū)別詳解
- window.setInterval()方法的定義和用法及offsetLeft與style.left的區(qū)別
- springboot中如何實(shí)現(xiàn)kafa指定offset消費(fèi)
相關(guān)文章
怎樣才能使大網(wǎng)站規(guī)范...2006-09-09
css white-space:nowrap屬性用法（可以強(qiáng)制文字不換行輸出）
css強(qiáng)制文字不換行，可給指定的容器增加white-space:nowrap即，下面把CSS示例寫給大家,很簡單2013-11-11
CSS也能控制表格的交替顏色...2006-09-09
這篇文章主要介紹了sass 常用備忘案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了推薦一個(gè)好看Table表格的css樣式代碼詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
這篇文章主要介紹了關(guān)于HTML5的img標(biāo)簽,<img>標(biāo)簽用于向網(wǎng)頁中添加相關(guān)圖片,從技術(shù)上講，圖像并不會插入?HTML?頁面中，而是鏈接到?HTML?頁面上,需要的朋友可以參考下2023-04-04
用CSS實(shí)現(xiàn)文字變圖象特效...2006-09-09
CSS反轉(zhuǎn)字符加密郵箱地址...2006-07-07
廣義的故障藝術(shù)不僅僅指這種效果，我覺得是很寬泛的，本文將介紹一些CSS能夠模擬完成的故障藝術(shù)效果。2021-05-05
firefox樣式表定義不支持cursor:hand...2006-07-07