div的offsetLeft與style.left區(qū)別
clientX 事件屬性返回當(dāng)事件被觸發(fā)時(shí)鼠標(biāo)指針向?qū)τ跒g覽器頁(yè)面(或客戶區(qū))的水平坐標(biāo)。
客戶區(qū)指的是當(dāng)前窗口。
如果父div的position定義為relative,子div的position定義為absolute,那么子div的style.left的值是相對(duì)于父div的值,這同offsetLeft是相同的,區(qū)別在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是數(shù)值28,如果需要對(duì)取得的值進(jìn)行計(jì)算,還用offsetLeft比較方便。
2. style.left是讀寫(xiě)的,offsetLeft是只讀的,所以要改變div的位置,只能修改style.left。
3. style.left的值需要事先定義,否則取到的值為空。而且必須要定義在html里,我做過(guò)試驗(yàn),如果定義在css里,style.left的值仍然 為空,這就是我剛開(kāi)始碰到的問(wèn)題,總是取不到style.left的值。offsetLeft則仍然能夠取到,無(wú)需事先定義div的位置。
以上就是div的offsetLeft與style.left區(qū)別的資料整理,后續(xù)繼續(xù)補(bǔ)充相關(guān)資料,謝謝大家對(duì)本站的支持!
上一篇:CSS 使用Sprites技術(shù)實(shí)現(xiàn)圓角效果
欄 目:CSS/HTML
下一篇:手機(jī)屏幕尺寸測(cè)試——手機(jī)的實(shí)際顯示頁(yè)面的寬度
本文標(biāo)題:div的offsetLeft與style.left區(qū)別
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/11503.html
您可能感興趣的文章
- 04-02html5圖形,html5圖形縮放
- 04-02html5的例子,HTML示例
- 04-02html5登錄模板,html5登錄注冊(cè)模板
- 04-02html5的canvas,html5的canvas的作用
- 04-02關(guān)于html5 視頻代碼的信息
- 04-02朋友圈html5,朋友圈發(fā)泄情緒的句子
- 04-02html5的新特性有哪些,HTML5的新特性有哪些?
- 01-11CSS可以做的幾個(gè)令你嘆為觀止的實(shí)例分享
- 01-11詳細(xì)分析css float 屬性以及position:absolute 的區(qū)別
- 01-11IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 04-02html5算法,html5協(xié)議
- 04-02html5圖形,html5圖形縮放
- 04-02html5登錄模板,html5登錄注冊(cè)模板
- 04-02html5的例子,HTML示例
- 04-02html5的canvas,html5的canvas的作用
- 04-02關(guān)于html5 視頻代碼的信息
- 04-02html5chm手冊(cè),html操作手冊(cè)
- 04-02朋友圈html5,朋友圈發(fā)泄情緒的句子
- 04-02html5的新特性有哪些,HTML5的新特性有哪
- 04-02html5掃二維碼,html5調(diào)用手機(jī)攝像頭掃描
隨機(jī)閱讀
- 01-10delphi制作wav文件的方法
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 04-02jquery與jsp,用jquery
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-10C#中split用法實(shí)例總結(jié)
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置