javascript - 如何停止在 HTML 中显示重复的 JSON 数据？

Question

当我使用 HTML 加载 JSON 数据时，append()它会显示数据，但是当我再次单击时，它会重复数据。

如何只显示一次数据？我想停止重复数据。先感谢您。

fetch('extracontent.json').then(function(response) {
  return response.json();
}).then(function(data) {
  appendData(data);
}).catch(function(err) {
  console.log('error: ' + err);
});

function appendData(data) {
  var mainContainer = document.getElementById("myData");
  document.getElementById("panel").style.display = "block";

  for (var i = 0; i < data.abc.length; i++) {
    var d = document.createElement("d");
    d.innerHTML = data.abc[i].sectionname + data.abc[i].unitname + data.abc[i].link;
    mainContainer.appendChild(d);
  }
}

标签： javascript