Javascript: setAttribute () против. element.attribute = value для установки атрибута «name»

Итак, я учусь управлять 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.

Не уверен, почему метод точечной нотации не работает в первом случае.

Почему это происходит?