JavaScript - 文档内的 iframe：getElemById()
我有以下页面代码：
<html>
<body>
<div id="AAA"> SOME CODE </div>
<div>
<iframe>
<html>
<div id="AAA"> SOME CODE </div>
<div id="myDiv"> MORE CODE </div>
</html>
</iframe>
<iframe>
<html>
<div id="AAA"> SOME CODE </div>
<div id="myDiv2"> MORE CODE </div>
</html>
</iframe>
</div>
</body>
</html>
现在，有趣的部分。 我可以将手放在 div "myDiv" 上。然后我想修改同一个 iframe 中的 div "AAA" 的内容。 但是，如果我这样做，
myDiv.ownerDocument.getElementById("AAA")
我会得到 iframe 之外的元素 - 请注意，存在 id="AAA" 的三个元素...
我的问题是，给定一个元素，我如何将手放在其包含的 iframe 上，而不是放在最上面顶级文件？
任何帮助表示赞赏。
I have the following page code:
<html>
<body>
<div id="AAA"> SOME CODE </div>
<div>
<iframe>
<html>
<div id="AAA"> SOME CODE </div>
<div id="myDiv"> MORE CODE </div>
</html>
</iframe>
<iframe>
<html>
<div id="AAA"> SOME CODE </div>
<div id="myDiv2"> MORE CODE </div>
</html>
</iframe>
</div>
</body>
</html>
Now, the fun part.
I can put my hands on the div "myDiv". Then I want to modify the content of div "AAA", the one that is in the same iframe.
However if I do
myDiv.ownerDocument.getElementById("AAA")
I get the element outside the iframe - notice there are three elements with id="AAA"...
My question is, given an element, how can I put my hands on its containing iframe, and not on the most top level document?
Any help is appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
从我的袖子里，尝试这样的功能：
Out of my sleeve, try such function:
使用 jQuery：
$('iframe').contents().find('#123')Use jQuery:
$('iframe').contents().find('#123')不能用下面的吗？
然后你可以引用连续的 iframe：
虽然我建议你的公司使用 jQuery/Prototype 而不是使用 iframe，但它可能会让你的生活更轻松。
Can you not use the following?
Then you can reference sucesive iframes:
Though I'd advise to your company to use jQuery/Prototype and not use iframes, it'll probably make your life easier.