JavaScript не работает в этом. Ответ в XHR

Question

Сегодня у меня есть два вопроса к этому коду:

document.addEventListener('click', function(event) {
  if (event.target.tagName !== "A" || !event.target.href) return;
  event.preventDefault();
  document.body.style.opacity = 0
  var res = new XMLHttpRequest();
  res.addEventListener("load", function() {
    document.querySelector('html').innerHTML =
      this.response;
  });
  res.open("GET", event.target.href);
  res.send();
});

Как вставить анимацию document.body.style.opacity = 0; и document.body.addEventListener("transitionend", function() { (теперь это не работает)

Почему не результат this.response; не читает JS? (Страница загружается без JS).