本區已經依照台灣網站內容分級規定加入分級標籤,
不歡迎也禁止未滿 18 歲的人員進入本區
對多元文化的尊重, 也是對您自己, 以及您工作, 或許也包括對您親人的尊重。
如果您了解, 並可以尊重且遵守以上注意事項, 否則請您關閉並離開此板。
內容可能含有與男性間性行為有關的文字, 如果您無法接受男性間性行為, 或對男性間性行為沒有興趣, 請您選擇「離開

☉目標:如果現在有a.html和b.html兩個網頁。b.html是以iframe的形式顯示在a.html中。我們要在a.html中,使用javascript取得b.html中的DOM元素。


a.html中的HTML:

<iframe id="iframepage" src="b.html" frameborder="0" ></iframe>




b.html中的HTML:

<div id="iframeElement">test123</div>




☉方法說明:我們可以透過jQuery來找到iframe內的DOM元素,以上面為例子,透過下面方法,我們可以在a.html中找到b.html的網頁元素。

$('#iframepage').contents().find("#iframeElement");




但 是,如果你直接使用這行程式取得b.html的網頁元素,可能會發生有時正確,有時失敗的窘境,這是因為在a.html載入後你的javascript就 已經開始執行了,但是a.html載入完畢,並不等於b.html也載入完畢,這是有時間差的。因此,在網頁中要存取iframe的DOM元素要先確定 iframe中的DOM元素已經載入完成。你可以加上load事件來處理這件事:

$('#iframepage').load(function(){

$('#iframepage').contents().find("#iframeElement").html();
});

文章標籤
創作者介紹

機車物語

倧齊 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
找更多相關文章與討論