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