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