JS獲取浮動(float)元素的style.left值為空的快速解決辦法
更新時間：2017年02月19日 12:45:30 作者：酸奶薯片
這篇文章主要介紹了JS獲取浮動(float)元素的style.left值為空的快速解決辦法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
解決辦法:
1.使用行內(nèi)樣式設(shè)置元素的top和left值;
2.or直接獲取元素的offsetLeft得到相關(guān)數(shù)值,還不需要parseInt
問題原因:
如果父div的position定義為relative,子div的position定義為absolute，那么子div的style.left的值是相對于父div的值，這同offsetLeft是相同的，區(qū)別在于：
style.left 返回的是字符串，如28px，offsetLeft返回的是數(shù)值28，如果需要對取得的值進行計算，還用offsetLeft比較方便。
style.left是讀寫的，offsetLeft是只讀的，所以要改變div的位置，只能修改style.left。
style.left的值需要事先定義，否則取到的值為空,而且必須是以行內(nèi)樣式的形式定義，如果定義在css里，style.left的值仍然為undefined;而offsetLeft則仍然能夠取到，無需事先定義div的位置。
以上所述是小編給大家介紹的JS獲取浮動(float)元素的style.left值為空的快速解決辦法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)長按拖拽排序功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)時鐘特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
javascript的函數(shù)...2006-07-07
本來想用css3來實現(xiàn)，但后來腦袋一熱就用了js，省的別人你ie怎么沒效果?。≡隍v訊微博app上看到的一個效果，鼠標(biāo)擊哪里就撕了哪里，跟撕報紙似的，任意點擊左邊面的灰色區(qū)域，查看效果，當(dāng)時覺得很有意思，問了下高人，突然覺悟了，原來如此。。2013-05-05
javascript 不用reverse實現(xiàn)字符串反轉(zhuǎn)的代碼
javascript 不用reverse實現(xiàn)字符串反轉(zhuǎn)的代碼，需要的朋友可以參考下。2010-03-03
我們?nèi)粘ｉ_發(fā)中經(jīng)常需要用到圖片上傳功能,這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)圖片上傳功能的思路與源碼的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
elementUI?Table?表格編輯數(shù)據(jù)后停留當(dāng)前位置的示例代碼
這篇文章主要介紹了elementUI?Table?表格編輯數(shù)據(jù)后停留當(dāng)前位置,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
當(dāng)用戶鼠標(biāo)在滾動條上按下的時候，我們可以假設(shè)他（她）正在瀏覽聊天內(nèi)容，那么這個時候好的用戶體驗就不能讓滾動條再自動滾動了2012-03-03
使用JavaScript實現(xiàn)一個交互式待辦事項列表
JavaScript是一種強大的腳本語言,廣泛應(yīng)用于Web開發(fā)中,本文將通過一個完整的項目實例,演示如何使用JavaScript來實現(xiàn)一個交互式的待辦事項列表,,需要的朋友可以參考下2023-08-08
uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的方法
最近遇到這樣的需求在A頁面中通過跳轉(zhuǎn)到B頁面,在B頁面中處理的數(shù)據(jù),需要跳轉(zhuǎn)回A頁面供其使用,本文給大家分享uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的操作方法,感興趣的朋友一起看看吧2023-10-10