向动态创建的元素添加ID

Question

我正在尝试向使用javascripts的document.createElement（）方法动态创建的元素添加ID。 基本上，我想在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是一个属性），就像这样：

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

...尽管id等于active看起来很奇怪（对于唯一标识符来说太通用了）。

您当前的方法是行不通的，因为document.getElementsByTagName("iframe")返回元素的集合- NodeList或HTMLCollection （它的浏览器相关的 ）。 尽管您可以为其id属性分配一个值，但它不会执行您的意图。 要使其正常工作，您可以通过以下方式进行调整：

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

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

Answer 2

newIFrame.setAttribute("id", "something");