如何使用document.getElementById在iframe中选择元素

  • Z时代
  • 2024-01-10
  • 分类：问答

我有iframe这样的

<iframe name="myframe1" id="myframe1" width="100%" height="100%" src="a.html">
<html>
    <head></head>
    <frameset name="myframe2" cols="0%, 100%" border="0" frameBorder="0" frameSpacing="0">
        <frame name="page1" src="c.html" scrolling="no"></frame>
        <frame name="page2" src="d.html" >
            <html>
                <head></head>
                <body id="top">
                    <div id="div1">
                        <div id="div2">
                            <div id="div3">
                                <ul id="x">
                                    <li>a</li>
                                    <li>b</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </body>
            </html>
        </frame>
    </frameset>
</html>
</iframe>

我想引用元素“ x”。我尝试了几种方法，但找不到解决方案。

回答：

document.getElementById(‘myframe1’).contentWindow.document.getElementById(‘x’)

contentWindow

所有浏览器（包括较旧版本的IE）都支持该功能。

请注意，如果iframe的src是从另一个域，您将无法访问其内容，由于同源策略。

以上是 如何使用document.getElementById在iframe中选择元素 的全部内容， 来源链接： utcz.com/qa/397375.html

回到顶部