如何使用JavaScript在多个标签中创建iframe

Question

这里我想使用JavaScript在ins标记中插入iframe。。。这是我正在尝试的代码，但它在side single-ins标签中创建了两个iframe。。。。这是ins

<ins class="e120x600" id="120x600"></ins>
<ins class="e120x600" id="120x600"></ins>

这是JavaScript

<script>
elem = document.querySelectorAll('.e120x600');
for (let i = 0; i < elem.length; i++) {
var size = elem[i].id
var str = size.substring(size.indexOf("x") + 1);
var H = str.replace('x', '');
var str = size.substring(0, size.indexOf('x'));
var W = str.replace('x', '');
var e = document.createElement('iframe');
elem[i].appendChild(e);
g = e.style;
e.scrolling = "no";
e.frameBorder = 0;
e.id = "ifrm";
e.allow = "autoplay";
e.id = "ifrm";
e.width = W;
e.height = H;
g.border = 0;
g.overflow = "hidden";
}
</script>

Answer 1

您得到了两个具有相同idid="120x600"的元素，之后我更改了这个

var size = elem[i].id

对此：

var size = elem[i].className.replace("e", "");

现在它似乎运行得很好。

在同一件事上——从联邦调查局的评论来看，我改变了这个：

e.id = "ifrm";

独一无二：

e.id = "ifrm" + i;

elem = document.querySelectorAll('.e120x600');
for (let i = 0; i < elem.length; i++) {
var size = elem[i].className.replace("e", "");
var str = size.substring(size.indexOf("x") + 1);
var H=  str .replace('x','');
var str = size.substring(0, size.indexOf('x'));
var W=  str .replace('x','');
var e = document.createElement('iframe');
elem[i].appendChild(e);
g = e.style;
e.scrolling = "no";
e.frameBorder = 0;
e.id = "ifrm";
e.allow = "autoplay";
e.id = "ifrm" + i;
e.width = W;
e.height = H;
g.border = 0;
g.overflow = "hidden";
}

iframe{
background: green;
}

<ins class="e120x600" id="120x601"></ins>
<ins class="e120x600" id="120x602"></ins>