Solucionado
Olá a todos. Como acesso o atributo de um elemento html? Segue abaixo código usado no projeto:
function ativaScrollSuave(selector) {
$(selector).click(function(event) {
event.preventDefault();
var target = $(this).attr('href');
$('html, body').animate({
scrollTop: $(target).offset().top
}, 500)
});
}Como seria com javascript puro essa parte?
var target = $(this).attr('href');Agradeço desde já.
Se for uma tag vc pode capturar ela usando o getElementByTagName e depois só da o .href. Seria algo assim:
let a = document.getElementsByTagName('a')
console.log(a[0].href);Precisa ter esse [0], pq o ElementsByTagName vai ter retornar um HTMLCollection, que é um array like. Por isso é necessário usar essa notação de array.
Descobri, seria da seguinte forma:
var target = document.querySelector(this).getAttribute('href');