style.left,offsetLeft相對於容器的位置控制
如果父div的position定義爲relative,子div的position定義爲absolute,那麼子div的style.left的值是相對於父div的值,
這同offsetLeft是相同的,區別在於:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是數值28,如果需要對取得的值進行計算,
還用offsetLeft比較方便。
2. style.left是讀寫的,offsetLeft是隻讀的,所以要改變div的位置,只能修改style.left。
3. style.left的值需要事先定義,否則取到的值爲空。而且必須要定義在html裏,我做過試驗,如果定義在
css裏,style.left的值仍然 爲空,這就是我剛開始碰到的問題,總是取不到style.left的值。
offsetLeft則仍然能夠取到,無需事先定義div的位置。
這同offsetLeft是相同的,區別在於:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是數值28,如果需要對取得的值進行計算,
還用offsetLeft比較方便。
2. style.left是讀寫的,offsetLeft是隻讀的,所以要改變div的位置,只能修改style.left。
3. style.left的值需要事先定義,否則取到的值爲空。而且必須要定義在html裏,我做過試驗,如果定義在
css裏,style.left的值仍然 爲空,這就是我剛開始碰到的問題,總是取不到style.left的值。
offsetLeft則仍然能夠取到,無需事先定義div的位置。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
交互式流程圖組件DHTMLX Diagram v6.0 - 擁有更靈活的高度可定製功能
原創
2024-06-04 12:32:11
Symfony Panther在網絡數據採集中的應用
原創
2024-06-04 02:45:28
Symfony Panther在網絡數據採集中的應用
原創
2024-06-04 02:45:12
界面控件DevExtreme v23.2 - 可訪問性、性能增強
原創
2024-06-03 12:21:39
響應式界面控件DevExtreme * 更強的數據分析和可視化功能
原創
2024-05-31 12:32:20
網頁爬蟲開發:使用Scala和PhantomJS訪問知乎
原創
2024-05-31 00:11:23
「盤點」JetBrains IDEs v2024.1新功能一覽,更智能的開發體驗!
原創
2024-05-29 12:18:44
Objective-C爬蟲:實現動態網頁內容的抓取
原創
2024-05-29 00:07:51
音頻鏈接抓取技術在Lua中的實現
原創
2024-05-28 00:07:25
今天!通義靈碼在北京、成都、杭州三城開講啦
原創
2024-05-27 21:13:46
響應式UI組件DevExtreme中文教程 - 工具欄的自適應模式
原創
2024-05-27 12:19:43
使用JavaScript日曆小部件和DHTMLX Gantt的應用場景(三)
原創
2024-05-27 12:19:39
由淺入深在實踐中玩轉Zabbix,解決剩下20%的監控需求!
本文整理自Zabbix中級認證專家李銘栓(滿分學員)在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題,剩下的20%如何實現?這裏有答案! 幾點經驗分享: 1
Zabbix中國
2024-05-24 22:33:53
H5按需加載探索——Webpack模塊化示例
原創
2024-05-22 11:10:06