Jquery獲取iframe的DOM元素

2021-09-02 14:27:19 字數 2491 閱讀 2221

開源layer彈出層 獲取子頁面iframe的dom元素:

var iframename = layero.

find

('iframe')[

0]['name'];

var container = parent.window.frames[iframename]

.document;

//或者 winfow.frames[iframename].document;

var monthdate =$(

'#monthdate'

, container)

.val()

;iframe 子頁面獲取父頁面的js方法

parent.

getsome()

;父頁面方法:

function

getsome()

在iframe子頁面獲取父頁面元素$(

'#objid'

, parent.document);

在父頁面 獲取iframe子頁面的元素$(

"#objid"

,document.

frames

('iframename'

).document)

$(document.

getelementbyid

('iframeid'

).contentwindow.document.body)

.html()

顯示iframe中body元素的內容。$(

"#testid"

, document.

frames

("iframename"

).document)

.html()

; 根據iframename取得其中id為"testid"元素

$(window.frames[

"iframename"

].document)

.find

("#testid").

html()

父頁面 index.html

<

!doctype html>

頁面首頁<

/title>

<

/head>

"iframe.html" id=

"koyoz" height=

"0" width=

"0">

<

/iframe>

<

/body>

<

/html>

子頁面 iframe.html

<

!doctype html>

iframe.html<

/title>

<

/head>

"test"

>www.koyoz.com<

/div>

<

/body>

<

/html>

1. 在父頁面用js

:通過在index.html訪問id名為'koyoz'的iframe頁面,並取得此iframe頁面內的id為'test'的物件,並將其顏色設定為紅色.

document.

getelementbyid

('koyoz'

).contentwindow.document.

getelementbyid

('test'

).style.color=

'red'

2. 在父頁面用jquery:

用jquery在iframe裡取得父視窗的某個元素的值$(

"#koyoz").

contents()

.find

("#test").

css(

'color'

,'red');

1. 在父視窗中操作 選中iframe中的所有單選鈕

$(window.frames[

"iframe1"

].document)

.find

("input:radio").

attr

("checked"

,"true");

2. 在iframe中操作 選中父視窗中的所有單選鈕

$(window.parent.document)

.find

("input:radio").

attr

("checked"

,"true");

父視窗想獲得iframe中的iframe,就再加乙個frames子級就行了,如:

$(window.frames[

"iframe1"

].frames[

"iframe2"

].document)

.find

("input:radio").

attr

("checked"

,"true"

);

Jquery中獲取iframe的方法

在一下網頁中,一些人會用到iframe,dom獲取頁面中的iframe還是很簡單的 父視窗中操作iframe window.frames iframechild document 假如iframe的id為iframechild 在子視窗中操作父視窗 window.parent.document 那麼...

jquery獲取 設定iframe高度

今天網頁加了個iframe 通過js制定src,但是當獲取iframe的高度時,始終顯示0 可以在iframe的width屬性設定height和width,但是動態設定,是iframe,自適應高度,應在iframe每次載入時,load完成之後根據內容改變 function 這裡的find conte...

jquery獲取iframe中的dom物件

父視窗中操作iframe window.frames iframechild document 假如iframe的id為iframechild 在子視窗中操作父視窗 window.parent.document 接下來就可以繼續獲取iframe內的dom了。獲取iframe內的dom物件有兩種方法 ...