Several ways to parse Jquery to obtain elements in iframe

DOM method: Parent window operation IFRAME: window.frames["iframeSon"].document IFRAME operation parent window: window.parent.document jquery method: Select all input boxes in the IFRAME in the parent window: $(window.frames["iframeSon"].document).find(" :text"); Operation in IFRAME to select all input boxes in the parent window: $(window.parent.document).find(":text"); iframe HTML:

1. Select all radio buttons in the IFRAME in the parent window $(window.frames["iframe1"].document).find("input[@type=' radio']").attr("checked","true");

2. Select all radio buttons in the parent window in the IFRAME $(window.parent.document).find("input[@type='radio']") .attr("checked","true"); iframe frame:

Copy code The code is as follows: jquery-1.2.6.js" src="../js/jquery-1.2.6.js" type="text/ecmascript"> //$("iframe").contents().find("body").append("I'm in an iframe!"); ].document).find("input[@type='text']").attr("size","30px"); "#d1").css('color','red'); .css({background:"#369"}); -> > >

Collect several methods of using Jquery to obtain elements in iframe: 🎜> Copy code

The code is as follows:

$(document.getElementById('iframeId').contentWindow.document.body).htm()

Display the content of the body element in the iframe.

Copy code The code is as follows: $("#testId", document.frames(" iframename").document).html(); Get the element whose ID is "testId" according to iframename

Copy code

The code is as follows: $(window.frames["iframeName"].document).find("#testId").html() 作用同上

收集网上的一些示例： 用jQuery在IFRAME里取得父窗口的某个元素的值 只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮 $(window.parent.document).find("input[@type='radio']").attr("checked","true"); iframe框架的： IE7中测试通过

使用jquery操作iframe 1、 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","http://www.jb51.net")

2、 如果内容里面有一个ID为mainiframe的ifame ifame包含一个someID you want to get this content Get the content of someID $("#mainiframe").contents().find("someID").html() html or $("#mainiframe").contains().find(" someID").text() value

3. Select all radio buttons in the IFRAME in the parent window $(window.frames["iframe1"].document).find("input[@type=' radio']").attr("checked","true"); Then choosing the id is naturally to still use the find method $(window.frames["iframe1"].document).find("# id")

4. As shown above jQuery in leftiframe operates the content of mainiframe and the content of someID $("#mainframe",parent.document.body ).contents().find("someID").html() or $("#mainframe",parent.document.body).contents().find("someID").val()

Use JavaScript to manipulate iframes Mutual references between frames All frames in a page are provided in the form of a collection as attributes of the window object, for example: window.frames It represents the collection of all frames in the page, which is similar to form objects, link objects, picture objects, etc. The difference is that these collections are attributes of the document. Therefore, to reference a subframe, you can use the following syntax: window.frames["frameName"]; window.frames.frameName window.frames[index] where the word window is also You can use self instead or omit it. Assuming that frameName is the first frame in the page, the following writing methods are equivalent: self.frames["frameName"] self.frames[0] frames[0] frameName Each frame corresponds to an HTML page, so this frame is also an independent browser window. It has all the properties of a window. The so-called reference to the frame is also a reference to the window object. With this window object, you can easily operate the pages in it, such as using the window.document object to write data to the page, using the window.location property to change the page in the frame, etc.

The following introduces the mutual references between different levels of frameworks: 1. Reference from parent frame to child frame Knowing the above principles, it is very easy to reference the child frame from the parent frame, that is: window.frames["frameName"]; This is the reference A subframe named frameName within the page. If you want to reference a subframe within a subframe, according to the nature of the window object, the referenced frame can be implemented like this: window.frames["frameName"].frames["frameName2"]; This is how to reference When it comes to the second-level sub-framework, and so on, the reference of multi-layer frameworks can be achieved.

2． Reference from child frame to parent frame Each window object has a parent attribute that represents its parent frame. If the frame is already a top-level frame, window.parent also represents the frame itself.

3． References between sibling frames If two frames are sub-frames of the same frame, they are called sibling frames and can reference each other through the parent frame. For example, a page includes 2 sub-frames: &lt ;frameset rows="50%,50%"> In frame1, you can use the following statement to reference frame2: self.parent.frames["frame2"];

4. Mutual references between frameworks at different levels The level of the framework is for the top-level framework. When the levels are different, as long as you know the level where you are and the level and name of the other frame, you can easily access each other by using the properties of the window object referenced by the frame, for example: self.parent.frames["childName "].frames["targetFrameName"];

5． The reference to the top-level frame is similar to the parent attribute. The window object also has a top attribute. It represents a reference to the top-level frame, which can be used to determine whether a frame itself is a top-level frame, for example: //Judge whether this frame is a top-level frame if(self==top){ / /dosomething }

Several ways to parse Jquery to obtain elements in iframe_jquery