Почему разный результат?

Question

[fantastikgodd]

между elem.href и elem.getAttribute('href')

https://jsfiddle.net/yfhewgot/2/
и
https://jsfiddle.net/yfhewgot/1/

Comments

[Ярослав Иванов]

Потому что так записано в спецификации. в href хранится весь путь если не указан адрес

UPD: не хранится а генерируется.

Например для
<a href="/tutorial">/tutorial.html</a>
в elem.href будет адрес из url + содержимое атрибута

а getAttribute забирает все то, что есть в атрибуте.

Достаточно смотреть результат в console.log(elem.href, elem.getAttribute('href'));

Answer 1

[Денис Инешин]

elem.href вернет вам сгенерированный полный URL
пример: href='/main' вернет http://localhost/main

elem.getAttribute('href') вернет вам просто содержимое атрибута
пример: href='/main' вернет /main - просто содержимое

Отсюда и разница