獲取子iframe框架的元素

2022-02-11 21:19:13 字數 1126 閱讀 6051

我們常常遇到使用iframe框的時候,該iframe框不能根據自己內部的內容撐起來的這種問題

必要條件:不能在跨域的情況下。。。本地可以放到localhost下進行測試

//父頁面index.html頁面

//框架iframe.html

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我 是iframe1的內容

我是iframe1的內容

我是iframe1的內容

我是iframe1的內容

如何獲取子iframe框的元素呢??

window.frames['iframe1'].document.getelementbyid('btn1');//獲取name為iframe1的btn1

//比如你可以給它新增事件:

window.frames['iframe1'].document.getelementbyid('btn1').onclick = function()

注意 要將**放到window.onload = function()裡,否則因為沒有載入完全dom節點會報錯

如何獲取父iframe框的元素呢??

parent.document.getelementbyid('click-btn').onclick = function() //在iframe框中獲取父頁面的節點
最後,讓子iframe框架高度自適應**:

// 計算頁面的實際高度,iframe高度自適應

function calcpageheight(doc)

var ifr = document.getelementbyid('ifr')

ifr.onload = function()

iframe獲取子框架的值

iframe可以將 各頁面的公共部分 如導航等 提出來單獨做乙個頁面,減少了 的冗餘。但說實話,我個人並不喜歡使用這個,因為這個在調整樣式的時候會比較麻煩 當然,有可能是我水平太菜的問題。不過現在有很多系統還是使用iframe,前幾天在做公司乙個專案的時候也遇到了,在獲取子框架值上花了不少時間,現在...

iframe子頁面獲取父頁面元素的方法

在iframe子頁面獲取父頁面元素 如下 objld parent.document 在父頁面獲取iframe子頁面的元素 如下 objid document.iframes iframe document 或 如下 document.getelementbyid iframeid contentw...

獲取Iframe中的元素

使用jquery在父視窗中獲取iframe中的元素 格式 iframe的id contents find iframe中控制項的id 事件 方式1 iframe中控制項的id document.frames iframe的name document 事情 方式2事例 iframeid content...