javascript - 我可以从元素数组创建 Javascript 选择器吗？

Question

我正在通过 id 和 src 管理 iFrame 树(全部嵌套在页面上)，因此对于给定的 src 我可以返回指向此 iFrame 的元素数组，如下所示:

["document", "123123", "dasd321"]

由于数组中的元素数量是动态的，我现在想构造一个选择器来检索要向其发送 postMessage 的窗口。所以我需要这样的东西:

document
    .getElementById("123123").contentWindow
    .getElementById("dasd321").contentWindow
    ...
    ... postMessage({"foo":"bar"}, window.location.href);

动态构建。

问题:
是否有可能通过循环数组来生成动态选择器？如果是或不是，我该怎么办？

谢谢!

Answer 1

target = ["document", "123123", "dasd321"].reduce (function (tgt, o) {
  return tgt && tgt.getElementById (o);
}, document);

应该可以解决问题。如果您的任何组件不存在，则返回 null