Javascript:setAttribute() 与 setAttribute() 比较element.attribute = 设置 "name"属性的值

Question

所以我正在学习操作 DOM，并且我注意到一件有趣的事情:

假设我想使用“.”设置元素的 name 属性。点符号:

element.name = "someName";
console.log(document.getElementsByName("someName")[0]); // returns "undefined"??

但是，如果我使用 document.setAttribute() 方法，它就可以正常工作:

element.setAttribute("name", "someName");
console.log(document.getElementsByName("someName")[0]); // returns the element like it should.

不确定为什么点表示法在第一种情况下不起作用。

为什么会发生这种情况？

Answer 1

我的猜测(因为您没有指定元素类型)是该元素通常没有 name 属性，因此这样设置 DOM 属性是行不通的。

例如，在 input 元素上设置 name 属性即可。将其设置在 div 上不会。

但是，它可以与 setAttribute() 一起使用。

jsFiddle .