在iframe的src内部的视图中操作html元素

Manipulating the html elements inside the view which is inside the src of iframe

本文关键字:操作 html 元素 内部 iframe src 视图      更新时间:2023-09-26

我在一个视图中有一个iframe,在该iframe的src中,我正在呈现另一个视图。现在,我想获得头h2的数据,它有一些id,并且存在于iframe的src中呈现的第二个视图中。请帮我提出你的想法和建议

访问iframe文档的示例:

var frame = document.getElementsByTagName("iframe")[0].contentDocument; // first iframe in page
// or
var frame = window.frames["myFrame"].document; // if your frame has the name "myFrame"
// or
var frame = document.getElementById('myFrame').contentWindow.document; // if your frame has the id "myFrame"

然后,您可以使用访问iframe内的H2标签

 var h2 = frame.getElementsByTagName("h2")[0];

jQuery解决方案:

 var frame = $("selector").contents(); // where selector is "#myFrameID" or ".myFrameClass", etc...
 var h2 = frame.find("h2");