在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ dom節(jié)點(diǎn)的style屬性設(shè)置問(wèn)題

dom節(jié)點(diǎn)的style屬性設(shè)置問(wèn)題

我今天做了個(gè)實(shí)驗(yàn)

node.style['margin-left'] = '100px'

這段代碼設(shè)置css屬性成功了

但我在控制臺(tái)中輸出node.style并沒(méi)發(fā)現(xiàn) margin-left這一屬性 我只看見(jiàn)

clipboard.png

和marginLeft 已經(jīng)發(fā)生改變

clipboard.png

再次訪問(wèn)node.style['margin-left'] 得到的也是100px

問(wèn)題:

  • 為什么 對(duì)象及對(duì)象及其原型中沒(méi)有 margin-left 屬性 但我只設(shè)置style.marginLeft ,訪問(wèn)margin-left仍然有值 并且改變其中一方另一方一會(huì)跟著變
回答
編輯回答
耍太極

css的屬性,在js的style對(duì)象里是可以通過(guò)camelCase來(lái)訪問(wèn)的,這樣做的好處是可以用.marginLeft,也可以用["marginLeft"],其實(shí)通過(guò)短號(hào)的形式也可以訪問(wèn),但就不能用.margin-left了(js語(yǔ)法不允許),但是可以用["margin-left"]來(lái)訪問(wèn)。dom對(duì)象里兩種訪問(wèn)是等價(jià)的,所以兩個(gè)屬性也是同步修改的。

2017年11月28日 12:42