我有HTML页面,有几段和IFrame的引用,IFrame包含一个窗体,几个文本框,dropdownlist和一个按钮。当用户点击IFrame上的按钮时,它会发回一封感谢信息。唯一的问题是HTML页面上的两个段落在感谢消息显示时仍然显示。点击IFrame上的按钮时如何隐藏两段? (我厉声两段围绕一个div)jQuery - 访问IFrame按钮
感谢
我有HTML页面,有几段和IFrame的引用,IFrame包含一个窗体,几个文本框,dropdownlist和一个按钮。当用户点击IFrame上的按钮时,它会发回一封感谢信息。唯一的问题是HTML页面上的两个段落在感谢消息显示时仍然显示。点击IFrame上的按钮时如何隐藏两段? (我厉声两段围绕一个div)jQuery - 访问IFrame按钮
感谢
在iframe script
试试这个代码,
$('button').on('click',function(){
$('p').hide();
});
如果paragraph elements
在parent window
然后用window.parent.document
一样,
$('button').on('click',function(){
$('p', window.parent.document).hide();
});
那么,没有标记或JavaScript我不得不猜测,但是,假设主文档和文档显示编辑在iframe中是在同一个域中,其中包含段落的div有id
的pContainer
,并且iframe中的按钮的编号为formButton
您可以这样做(因为您什么也没说,我假设您是不使用jQuery):
在主文档脚本:
function hideParagraphs() {
document.getElementById('pContainer').style.display = 'none';
}
在你的iframe:
window.onload = function() {
document.getElementById('formButton').addEventListener('click', window.top.hideParagraphs, false);
};
更改ids
对于那些适合您的标记。
段落不在iframe内,所以这段代码不起作用。 –