iFrame 嵌套在具有相同 ID 的 iFrame 中答案

【问题标题】：iFrame nested in iFrame with same IDiFrame 嵌套在具有相同 ID 的 iFrame 中
【发布时间】：2013-12-05 03:08:27
【问题描述】：

当嵌套在特定 iFrame 中时，我正在使用 frameElement.id JavaScript 属性对页面进行一些更改。

在某些情况下，我有一个具有该 ID 的 iFrame 嵌套在具有该 ID 的 iFrame 中。所以它看起来像：

主页：

<body>
    <iframe src="url.htm" id="show_body_only"></iframe>
</body>

url.htm:

<body>
    <iframe src="url2.htm" id="show_body_only"></iframe>
</body>

只是想知道这在语义上是否正确。

请不要责备所有的 iFrame，我别无选择。

【问题讨论】：

【解决方案1】：

就 CSS 而言，规范说：

在一个符合标准的文档中，没有两个这样的属性可以具有相同的值

如果框架明确共享样式表，则 ID 将单独应用，因为每个框架都是其自己的文档。

就 DOM 而言，规范说：

getElementById(elementId) 方法必须返回第一个元素，按树顺序，在上下文对象的后代中，其 ID 为 elementId，如果没有这样的元素，则返回 null。通过采用算法可以更改节点的节点文档。

如果框架节点被导入并采用，则getElementById返回第一个匹配项。

参考文献

【讨论】：