javascript - 向动态创建的元素添加 id

Question

我正在尝试将 id 添加到使用 javascript 的 document.createElement() 方法动态创建的元素。基本上我想在我的 html 文档中创建一个 iframe，同时为新创建的元素提供一个 id。

这是到目前为止我的代码。我已经弄清楚如何将元素放入 DOM 中以及所有这些，我只需要 id。

function build(content){
      var newIframe = document.createElement("iframe");

      var newContent = document.createTextNode("Hello World!");

      newIframe.appendChild(newContent);

      var element = document.getElementById("container");
      document.body.insertBefore(newIframe, element);

      document.getElementsByTagName("iframe").id = "active";
    };

正如你可能看到的，我试图在最后给它一个 id。问题是，它不起作用。

因此，如果有人知道这里出了什么问题，或者有其他方法可以完成我想做的事情，请随时表达自己的想法。非常感谢!

Answer 1

只需向该元素添加一个属性(id 是一个属性)directly ，像这样:

var newIframe = document.createElement("iframe");
newIframe.id = 'active';

...虽然 id 等于 active 看起来很奇怪(对于唯一标识符来说太通用了)。

您当前的方法不起作用，因为 document.getElementsByTagName("iframe") 返回元素集合 - NodeList 或 HTMLCollection (它是 browser-dependant )。虽然您可以为其 id 属性分配一个值，但它不会执行您想要的操作。要使其正常工作，您可以这样调整:

document.getElementsByTagName("iframe")[0].id = "active";

...但是，如上所示，有更好的方法。