Javascript: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 .