新的JSON信息写在旧信息之上而不是被删除

Question

    var tempUpdate = setInterval(getJSON, 5000);
    var header = document.querySelector('header');
    var section = document.querySelector('section');
    var requestURL = 'https://api.darksky.net/forecast/mykey/41.5456657,-72.6746849';
    function getJSON(){
    var request = new XMLHttpRequest();
    request.open('GET', requestURL);
    request.responseType = 'json';
    request.send();
    request.onload = function() {
    window.superHeroes = request.response;
    populateHeader(superHeroes);
            $.ajaxSetup({
  cache:false
});
    }
    }

    function populateHeader(jsonObj) {
  var myH1 = document.createElement('h1');
  myH1.className = "temp"
  myH1.textContent = roundUp(jsonObj['currently']['apparentTemperature'], 100) + "°";
  header.appendChild(myH1);
  }

我认为这与JSON缓存有关，所以我环顾四周并添加了cache：false命令，但这并不能解决问题。在编写JSON信息之前，我尝试将textContent设置为“”。没有任何效果。它直接在旧信息的基础上编写新信息，因此它看起来像一大堆数字堆叠在一起。