這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中無(wú)法通過div.style.left獲取值怎么辦，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),襄城企業(yè)網(wǎng)站建設(shè),襄城品牌網(wǎng)站建設(shè),網(wǎng)站定制,襄城網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,襄城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。一、問題總結(jié)：
樣式必須直接寫在元素內(nèi)部才能通過div.style.left直接獲取屬性值（也就是必須是內(nèi)聯(lián)樣式才行），定義在css中的樣式不能通過這種方式獲取。
讓元素移動(dòng)到200停止
重慶分公司
重慶分公司
setTimeout ( function () {
var div = document.getElementById("div4");
//var left = parseInt(div.style.left) + 5;
var left = div.offsetLeft + 5;
div.style.left = left + "px";
if (left < 200) {
setTimeout( arguments.callee, 50);
}
}, 50);二、關(guān)于offsetLeft和left的區(qū)別（關(guān)于offsetLeft：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetLeft）
1.定義了position：relative或absolute屬性的元素才有l(wèi)eft屬性，元素都有offsetLeft屬性。
2.元素內(nèi)聯(lián)樣式中設(shè)置了left，才能通過div.style.left獲?。籵ffsetLeft直接通過div.offsetLeft獲取。
3.left可讀可寫，獲取到的是字符串；offsetLeft只讀，獲取到的是數(shù)字。
相同點(diǎn)：定位方式一樣，如果父元素設(shè)置了定位元素（position設(shè)置為relative或absolute），則相對(duì)于定位元素定位，否則就是相對(duì)于根元素定位。
三、案例：
HTMLElement.offsetParent 是一個(gè)只讀屬性，返回一個(gè)指向最近的（closest，指包含層級(jí)上的最近）包含該元素的定位元素。如果沒有定位的元素，則 offsetParent 為最近 的 table 元素對(duì)象或根元素（標(biāo)準(zhǔn)模式下為 html；quirks 模式下為 body）。當(dāng)元素的 style.display 設(shè)置為 "none" 時(shí)，offsetParent 返回 null。offsetParent 很有用，因?yàn)?offsetTop 和 offsetLeft 都是相對(duì)于其內(nèi)邊距邊界的。
下面的span的父元素沒有設(shè)置定位元素，所以該元素的offsetParent為根元素，此時(shí)的offsetTop相對(duì)于根元素定位。
