1

我有 2 个html文件和一个IFrame.

结构是 ,

在此处输入图像描述

我可以得到一个outside.htmland的对象iframe。但我无法获得inside.html.

我的 inside.html 将是，

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/chat.css">
<title>Heart JSP page</title>

</head>
<body>

    <div id="messageArea" class="divBorder">

     Chat Interaction id is : Some value.

    </div>
    <div id="enterMessage" class="divBorder">
    Your message Area
    </div>
</body>
</html>

我javascript的是

if($("#chatMessageArea").length){

    alert("outside.html Object is present !");

    if($("#ch"+intxnId).length){

        alert("IFrame Object is present !");

        if($("#ch"+intxnId).contents().find("#messageArea").length){
            alert("inside.html Object is present !");
        }else{
            alert("inside.html Object is not available !");
        }

    }else{
        alert("IFrame Object is not available !");
    }
}
else{
    alert("outside.html Object is not available  !");
}

笔记 ：

#chatMessageArea-outside.html 的 div 的 id

#chintxid - iframe 的 id

#messageArea - inside.html 中 div 的 id

任何人都可以帮助获取 inside.html 的对象。

4

3 回答 3

0

尝试这个：

var ifr = document.getElementById('chintxid');
ifr.contentDocument.getElementById('messageArea').innerHTML = "reached!";

您需要先获取 iFrame id，然后在其中获取您需要的内容。让我知道这是不是你要找的..

于 2013-06-27T09:54:32.440 回答
0

使用此辅助函数获取 iframe 的文档

getFrameContentDocument = function(frame) {
   var doc = frame.contentDocument || frame.contentWindow.document;
   return doc;
};

那么代码将是

var iframe = document.getElementById("ch" + intxid);
var iframeDoc = getFrameContentDocument(iframe);
// You can now get elements in this iframe 
var messageArea = iframeDoc.getElementById("messageArea");
于 2013-06-27T09:57:00.767 回答
0

得到了解决方案，

if($("#chatMessageArea").length){

    alert("chatMessageArea Object is present !");

    if($("#ch"+intxnId).length){

        if($("#ch"+intxnId).contents().find('body').find("#messageArea").length){

            alert("messageArea Object is present !");
        }else{
            alert("messageArea Object is not available !");
        }
    }else{
        alert("IFrame Object is not available !");
    }
}
else{
    alert("chatMessageArea Object  not available  !");
}
于 2013-07-11T09:13:27.523 回答