需要javascript代码在一个页面中运行多次。每个分区

我忘了在我的最后一个问题中包括“在一页中运行多次”：

我需要在同一页中的多个div上运行代码。现在，下面的代码只在最后一个div上运行一次。例如，如果我有3个div，那么所有3个div都应该附加一个iframe。常规javascript。尝试不使用JQuery

window.onload = function(){
var link = "http://www.somesite.com"
var iframe = document.createElement('iframe');
iframe.frameBorder=0;
iframe.width="300px";
iframe.height="250px";
iframe.id="randomid";
iframe.setAttribute("src", link);
document.getElementById("ad54").appendChild(iframe); //<--this id will be dynamically generated to match div's
}


<div class="ad" id="1"></div>
<div class="ad" id="2"></div>
<div class="ad" id="3"></div>

window.onload=function（）{
var elements=document.getElementsByTagName（'div'）；
对于（var i=0；i

不是jQuery的人，但我认为这是可行的

$("div").each(function(d) {
    var link = "http://www.somesite.com"
    var iframe = document.createElement('iframe');
    iframe.frameBorder=0;
    iframe.width="300px";
    iframe.height="250px";
    iframe.id="randomid";
    iframe.setAttribute("src", link);
    this.appendChild(iframe);
});

---

可能的重复仍然只加载最后一个div，其中包含一个iframe，因为您的代码已关闭。我只是需要摆弄它，这样无论我在一个页面中使用了多少次，它都可以加载。Thanx很高兴我提供了帮助，如果您愿意，您可以使用工作示例编辑我的答案，这可以帮助将来的用户解决同样的问题。

window.onload = function() {
  var elements = document.getElementsByTagName('div');
  for (var i = 0; i < elements.length; i++) {
    append_iframe( elements[i] );
  }
}

function append_iframe( div ) {
    var link = "http://www.somesite.com"
    var iframe = document.createElement('iframe');
    iframe.frameBorder=0;
    iframe.width="300px";
    iframe.height="250px";
    iframe.id="randomid";
    iframe.setAttribute("src", link);
    div.appendChild(iframe);
}

$("div").each(function(d) {
    var link = "http://www.somesite.com"
    var iframe = document.createElement('iframe');
    iframe.frameBorder=0;
    iframe.width="300px";
    iframe.height="250px";
    iframe.id="randomid";
    iframe.setAttribute("src", link);
    this.appendChild(iframe);
});