XHR и все элементы?

Question

Как заставить этот скрипт перехватывать все элементы <a>, а не как сейчас с классом link-fade.

У меня есть еще один вопрос. Как заставить этот скрипт отправлять запрос на сервер через XHR, а не как сейчас через location.href = link.href;.

document.addEventListener('click', function(event) {
  if (!event.target.classList.contains("link-fade")) return;
  event.preventDefault();
  var link = event.target;
  document.body.style.opacity = 0;
  document.body.addEventListener("transitionend", function() {
    location.href = link.href;
  });
});

Answer 1

document.addEventListener('click', function(event) {
 if (!event.target.tagName !== 'A') return; // check the tag name
 event.preventDefault();
 var oReq = new XMLHttpRequest();
 oReq.addEventListener("load", function() {
 console.log(this.responseText());
  });
 oReq.open("GET", event.target.href);
 oReq.send();
});