如何从父文档中访问iframe中的元素?

时间:2013-11-03 09:48:15

标签: javascript jquery html css iframe

function contents_nb(name, height) {
    1. document.getElementById('contents_iframe').height = height+'px';
    2. var $currentIFrame = $('#contents_iframe'); 
    3. $currentIFrame.contents().find(".wrap_contents").hide();
    4. $currentIFrame.contents().find(".greetings").fadeIn(2500);
}

这是我的jquery语法。

no.1~3,效果很好。

但是第4行,它不起作用。

iframe中的html文档结构是......

<body>
    <div class="wrap_contents">
        <div class="greetings">
        </div>
        <div class="operational_philosophy">
        </div>
    </div>
    </body>
    </html>

是什么原因?是什么导致了这个问题?

和父html文档的语法是..

<iframe id="contents_iframe"></iframe>

问题是什么? 为什么在课堂上找不到课?

1 个答案:

答案 0 :(得分:3)

您可以使用jquery contents()函数来访问/查找元素,

$("#iframeID").contents().find("#contentID");