innerHTML在Mozilla Firefox和Opera下執(zhí)行的一個(gè)特例情況。

2019-11-21 02:22:26

字體：大中小

供稿：網(wǎng)友

是在CSDN論壇看到的一個(gè)問(wèn)題，平常我也沒(méi)有注意，或者說(shuō)沒(méi)有這樣用吧。看代碼

不是預(yù)期的結(jié)果吧？包括在Opera下執(zhí)行的情況也是與Firefox下相同的，你可以嘗試在Opera下運(yùn)行就明白了。

如果能夠得到我們預(yù)期的效果呢？我嘗試著用__defineGetter__的方法在Mozilla下得到所有的innerHTML，在這里卻給了我一些提示。比如：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上面這些代碼雖然達(dá)不到預(yù)期目的，但是卻是要知道一定要得到attribute的值，因此我嘗試著用下面這個(gè)方法來(lái)做。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

這個(gè)方法卻成功了，也就可以說(shuō)明，在Mozilla下的innerHTML通過(guò)遍歷元素的所有節(jié)點(diǎn)的tagName還有attrubutes來(lái)得到其innerHTML的。因此我們第一個(gè)例中的innerHTML得不到改動(dòng)后的value值。

與此同時(shí)，Opera下這一招也可以用。也證明在Opera下的innerHTML也是通過(guò)遍歷元素的所有節(jié)點(diǎn)的tagName還有attrubutes來(lái)得到其innerHTML的。

難道w3c里的標(biāo)準(zhǔn)是這樣的嗎？還沒(méi)有空來(lái)得及查w3c的資料，所以也說(shuō)不上是Opera與Mozilla下的巧合，還是IE下面比較讓開(kāi)發(fā)人員舒服的設(shè)計(jì)。

上一篇：盡可能寫(xiě)"友好"的"Javascript"代碼

下一篇：添加到收藏夾代碼（兼容幾乎所有的瀏覽器）