как обратиться к атрибуту js

Для стандартных атрибутов мы можем обращаться к свойству этого элемента/узла, где имя свойства будет соответствовать имени атрибута. Например:

const link = document.querySelector('a');
const ref = link.href;

Однако, в случае со ссылками, такой способ даст полный абсолютный адрес. Даже если мы указали в html-атрибуте href="/products", ref будет содержать ссылку вида http://domain.ru/products.

//  Другой способ:
link.getAttribute('href'); // вернет значение `как есть`

С помощью метода getAttribute мы можем получить значение атрибута так, как мы его изначально задали, то есть /products.