Javascript XHR和所有元素？

如何使此脚本捕获

的所有元素，而不是像现在那样使用

链接淡入
类

我还有一个问题。如何使此脚本通过XHR向服务器发送请求，而不像现在通过
location.href=link.href

document.addEventListener（'click'，函数（事件）{
如果（！event.target.classList.contains（“link fade”））返回；
event.preventDefault（）；
var link=event.target；
document.body.style.opacity=0；
document.body.addEventListener（“transitionend”，function（））{
location.href=link.href；
});
});
可以使用XHR？运行链接并删除动画。我以前没有时间彻底测试此代码，但它没有捕获目标
a
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();
});