js怎么获取iframe页面中的dom元素_框架

原理就是先在当前页面中找到你的Iframe对象var oframe = documentgetElementById("iframe");再将iframe对象看着是另一个页面的文本对象var childDome = oframedocumentgetElementById("H");简洁点的就是：documentgetElementById("iframe")documentgetElementById("H");或者是：documentgetElementById("Result")contentWindowdocumentgetElementById("h");

1、首先需要在body中增加一个iframe，可以给这个标签设置宽高，还可以设置位置。

2、然后在前台界面的某个位置，增加一个点击事件onclick。

3、然后点击事件，总要对应的设置一个事件方法。

4、然后在方法内增加iframe的重载url，重新给src赋值。

5、最后运行html界面，点击前台的按钮，触发刷新iframe的方法，就完成了。

jquery获取父窗口iframe的body值

iframe框架代码:

</head>

</frameset>

</frameset>

<body>

</body>

</noframes>

</frameset>

javascritp代码

1 $(parentwindowframes["right_mainFrame"]documentbody)html()

输出效果:

var n=documentgetElementById("ifcccc")contentWindowdocumentgetElementById("dddddddddddd")name

第一句能运行你可以理解为历史遗留问题, 早年没有标凖各个浏览器都有自己的一套设计, 某些就被保留下来了, 即使不属於W3C标凖

这里恰好你的浏览器把myFrame这个[name]与它的window对象关联了, 你再给它个id试试, 可能结果就不一样了(不同浏览器略有差异)

第二条不能运行首先是因为你使用的是getElementsByTagName, 而你应该使用的是getElementsByName, 因此documentgetElementsByTagName("myFrame")就没有获取到[name=myFrame]这个DOM对象其次正如你理解的, 这个是个DOM对象, 而不是它的window对象

你需要

documentgetElementsByName("myFrame")[0]contentWindowdocument

这个contentWindow是W3C标凖中的, 所以请放心使用

以上就是关于js怎么获取iframe页面中的dom元素全部的内容，包括:js怎么获取iframe页面中的dom元素、如何在子页面得到其所在的iframe、如何获取iframe的父窗口的body标签啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/10155816.html

js怎么获取iframe页面中的dom元素

发表评论

评论列表（0条）