問(wèn)題描述

可能重復(fù):
JavaScript setAttribute vs .attribute=
javascript dom，如何處理特殊屬性"與屬性相比?

很多時(shí)候，在論壇或諸如 Usenet 之類的地方，一些人(在批評(píng)我的代碼時(shí))告訴我，而不是說(shuō)，例如 var link = a.href 我應(yīng)該使用 var link = a.getAttribute('href'); 代替.并在想要賦值時(shí)使用它的補(bǔ)充setAttribute().

Many times, in forums or places such as Usenet I have been told by some (when criticizing my code) that instead of saying, for example var link = a.href I should use var link = a.getAttribute('href'); instead. And use its complementary setAttribute() when wanting to assign.

他們說(shuō)這是正確的做法，我錯(cuò)了，等等等等……我通常不會(huì)注意那些.當(dāng)我問(wèn)為什么沒(méi)有人給出真正的答案時(shí).

They say it is the correct way to do it, that I am wrong, blah blah blah... I don’t normally pay any attention to those. And when I ask why nobody gives a real answer.

現(xiàn)在我很好奇在哪種情況下使用一種或另一種更合適.

Now I am curious about in which cases it would be more suitable to use one or another.

在什么情況下用 var link = a.getAttribute('href'); 代替 var link = a.href 更合適?
在什么情況下我應(yīng)該使用 setAttribute() 來(lái)分配而不是直接通過(guò)其標(biāo)識(shí)符為成員分配值?即:`a.href = 'someURL';

In what cases would be more suitable to say var link = a.getAttribute('href'); instead of var link = a.href?
And in what cases shoulw I use setAttribute() to assign instead of assigning a value to a member directly by its identifier? i.e: `a.href = 'someURL';

推薦答案

每當(dāng)有人推薦一種做法時(shí)，他們應(yīng)該始終證明該建議的合理性.

Whenever someone recommends a practice they should always justify the advice.

不使用 getAttribute 和 setAttribute 的原因比 IE 版本高達(dá)并包括 8 至少在這些 DOM 方法的實(shí)現(xiàn)中存在錯(cuò)誤.此外，瀏覽器在如何更改 DOM 屬性以響應(yīng) get/setAttribute 的使用方面也存在差異.

Reasons for not using getAttribute and setAttribute are than IE versions up to and including 8 at least have bugs in their implementation of those DOM methods. Also, browsers have differences in how they change DOM properties in response to the use of get/setAttribute.

但是，瀏覽器在 DOM 屬性方面非常一致，因此如果使用 DOM 屬性，編寫(xiě)跨瀏覽器代碼要簡(jiǎn)單得多.唯一需要注意的是，一些瀏覽器不會(huì)為非標(biāo)準(zhǔn) HTML 屬性創(chuàng)建 DOM 屬性，但它們都會(huì)使用屬性來(lái)設(shè)置它們.

However, browsers are remarkably consistent in regard to DOM properties, so it is much simpler to write cross browser code if you use DOM properties. The only caveat is that some browsers do not create DOM properties for non-standard HTML attributes, but they will all set them using properties.

另外一個(gè)好處是 DOM 屬性訪問(wèn)比使用函數(shù)調(diào)用 get/setAttribute 快得多.

An added bonus is that DOM property access is much faster than using a function call to get/setAttribute.

HTML5 正試圖將其中一些行為標(biāo)準(zhǔn)化，但 HTML5 的問(wèn)題在于它不是 W3C 標(biāo)準(zhǔn)(而且可能永遠(yuǎn)不會(huì)是)，它是嘗試的活規(guī)范"不僅要記錄瀏覽器的功能(或多或少)，還要記錄其作者希望他們做什么而不區(qū)分兩者.因此，雖然它作為一種竣工"規(guī)范和愿望清單很有幫助，但作為標(biāo)準(zhǔn)卻毫無(wú)用處.

HTML5 is attempting to standardise some of these behaviours, but the problem with HTML5 is that it is not a W3C standard (and may never be) and that it is a "living specification" that attempts to not only document what browsers do (more or less) but also what its authors would like them to do without distinguishing between the two. So while it is helpful as a kind of "as built" specification plus wish list, it is quite useless as a standard.

W3C 已經(jīng)發(fā)布 HTML 5 規(guī)范 有一段時(shí)間了(包括編號(hào)版本和列表更改)，并且 WHATWG 還發(fā)布 HTML 和 DOM 標(biāo)準(zhǔn)幾乎每天更新，但沒(méi)有說(shuō)明發(fā)生了什么變化.一個(gè)或另一個(gè)最終可能會(huì)放棄.

The W3C has been publishing HTML 5 specifications for a while now (including numbered versions and lists of changes), and the WHATWG also publishes HTML and DOM standards with almost daily updates but without indicating what has changed. One or the other may give up eventually.

這篇關(guān)于使用getAttribute()，還是不使用getAttribute():這是個(gè)問(wèn)題的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！