Javascript 如何使用Jquery在div中的div中加载iframe

Javascript 如何使用Jquery在div中的div中加载iframe,javascript,jsp,jquery,Javascript,Jsp,Jquery,我的部门是 <div id="chatMessageArea" class="divBorder"> <div id="messageArea" class="divBorder"></div> <div id="enterMessage" class="divBorder"></div> </div> 我的预警结果是 我得到的错误是 对象不支持此行中的此错误chatMessageArea.findmess

我的部门是

<div id="chatMessageArea" class="divBorder">
    <div id="messageArea" class="divBorder"></div>
    <div id="enterMessage" class="divBorder"></div>
</div>
我的预警结果是

我得到的错误是

对象不支持此行中的此错误chatMessageArea.findmessageArea.appendiframe


如何使用ID为messageArea的inside div中的JSP创建IFrame。

您的语法一开始有点不正确,但您可以使用它的ID直接选择messageArea,如下所示:

$("#messageArea").append(iframe);
为了解决最初的问题,您缺少起始$,也缺少messageArea选择器中的,因此应该是这样的:

$("#chatMessageArea").find("#messageArea").append(iframe);

但同样,这个发现是毫无意义的,因为您已经为messageArea拥有了唯一的ID,或者至少它应该是唯一的

开始时,您的语法有点不正确,但是您可以使用messageArea的id直接选择messageArea,如下所示:

$("#messageArea").append(iframe);
为了解决最初的问题,您缺少起始$,也缺少messageArea选择器中的,因此应该是这样的:

$("#chatMessageArea").find("#messageArea").append(iframe);
但同样,这个发现是毫无意义的,因为您已经为messageArea拥有了唯一的ID,或者至少它应该是唯一的

试试这个:

function createIframe(intxnId){
    // using $() to create the DOM object
    var iframe = $("<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>");  
    alert("iFrame Details : "+iframe);
    // You have to add the '#' to search for an ID instead of an tagname
    $("#chatMessageArea").find("#messageArea").append(iframe);
} 
试试这个:

function createIframe(intxnId){
    // using $() to create the DOM object
    var iframe = $("<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>");  
    alert("iFrame Details : "+iframe);
    // You have to add the '#' to search for an ID instead of an tagname
    $("#chatMessageArea").find("#messageArea").append(iframe);
} 

我想你在最后一行开头少了一美元:
$chatMessageArea.findmessageArea.appendiframe

我想你在最后一行开头少了一美元:
$chatMessageArea.findmessageArea.appendiframe

你只是错过了jquery调用中的$!你不是吗?!你只是错过了jquery调用中的$!你不是吗?!是的,有点太慢:但是,您的查找选择器和格式也有问题-请格式化代码,以便在本文中正确显示。请使用按钮,或将其缩进4空格。有点慢:但是,您的查找选择器和格式也有问题-请设置代码的格式,使其正确显示在本文中。请使用按钮,或将其缩进4个空格