Merhaba

Butonla iframe yüklemeye çalışıyorum ve başarılı bir şekilde yükleniyor, ama çoklu buton yapamıyorum sadece ilk buton çalışıyor bunu nasıl çözerim.

html bu şekilde

<div id="iframe_container"></div>
<a href="javascript:;" id="button" data-id="/test">Test</a>

<div id="iframe_container"></div>
<a href="javascript:;" id="button" data-id="/foo">Test 2</a>

javascript

var button = document.querySelector("#button");
var iframeContainer = document.querySelector("#iframe_container");

button.addEventListener("click", function () {
  var dataId = button.getAttribute("data-id");
  if (dataId != null && dataId != undefined) {
    iframeContainer.innerHTML = "";
    iframeContainer.innerHTML =
      '<iframe src="' + dataId + '" title="" style="width:100%;"></iframe>';
  }
});

ikinci buton çalışmıyor yardımlarınızı bekliyorum.