javascript中style.left和offsetLeft的用法說(shuō)明
如果父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的位置。
// 這個(gè)函數(shù)是對(duì) 一個(gè)無(wú)窮分類(lèi)的 下拉框的操作，頁(yè)面開(kāi)始只有一個(gè)下拉框，當(dāng)選中下拉框一個(gè)值后，
動(dòng)態(tài)生成一個(gè)select, select的項(xiàng)是子分類(lèi)，同時(shí)要使子分類(lèi)的select框后移 20px;
function itemtree_cats_change ( selectObj )
相關(guān)文章
js字符串日期yyyy-MM-dd轉(zhuǎn)化為date示例代碼
獲取表單中的日期往后臺(tái)通過(guò)json方式傳的時(shí)候,遇到Date.parse(str)函數(shù)在ff下報(bào)錯(cuò)，有類(lèi)似情況的朋友可以參考下本文2014-03-03
Js md5加密網(wǎng)頁(yè)版MD5轉(zhuǎn)換代碼
Js實(shí)現(xiàn)網(wǎng)頁(yè)上的MD5加密功能，將文字轉(zhuǎn)換為MD5字符，本代碼調(diào)用簡(jiǎn)單，你可以新建一個(gè)網(wǎng)頁(yè)，將此網(wǎng)頁(yè)上傳到你的服務(wù)器上，用戶(hù)瀏覽網(wǎng)頁(yè)，就可實(shí)現(xiàn)MD5加密轉(zhuǎn)換功能，用戶(hù)可方便查詢(xún)?nèi)我蛔址腗D5碼，很不錯(cuò)的功能2013-03-03
微信小程序?qū)崿F(xiàn)可拖動(dòng)懸浮圖標(biāo)(包括按鈕角標(biāo)的實(shí)現(xiàn))
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)可拖動(dòng)懸浮圖標(biāo)(包括按鈕角標(biāo)的實(shí)現(xiàn)),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
JavaScript文件上傳的常見(jiàn)問(wèn)題整理
這篇文章整理了JavaScript文件上傳的常見(jiàn)問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
JavaScript簡(jiǎn)單編程實(shí)例學(xué)習(xí)
在本篇文章里小編給大家整理的是關(guān)于JavaScript簡(jiǎn)單編程實(shí)例學(xué)習(xí)內(nèi)容，有興趣的朋友們可以參考下。2020-02-02
最近一個(gè)新需求，要求用下拉多選框?qū)崿F(xiàn)省份、城市的級(jí)聯(lián)選擇。2010-05-05
頁(yè)面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(xiàn)方法(兼容手機(jī))
下面小編就為大家?guī)?lái)一篇頁(yè)面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(xiàn)方法(兼容手機(jī))。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
javascript中使用replaceAll()函數(shù)實(shí)現(xiàn)字符替換的方法
第一次發(fā)現(xiàn)JavaScript中replace()?方法如果直接用str.replace("-","!")?只會(huì)替換第一個(gè)匹配的字符.2010-12-12
這篇文章主要為大家詳細(xì)介紹了關(guān)于Bootstrap導(dǎo)航條的使用和理解的學(xué)習(xí)記錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JS實(shí)現(xiàn)的仿東京商城菜單、仿Win右鍵菜單及仿淘寶TAB特效合集
這篇文章主要介紹了JS實(shí)現(xiàn)的仿東京商城菜單、仿Win右鍵菜單及仿淘寶TAB特效合集,以實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)動(dòng)態(tài)添加下拉菜單及響應(yīng)鼠標(biāo)事件生成菜單等實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-09-09