Jquery如何给动态创建的iframe body添加一个div


var element = $("<div/>").appendTo(document.body);
var iframe = $("<iframe style='z-index:999999'></iframe>"); var div = $("<div/>"); 
iframe.appendTo(element);
var div = $("<div/>");我用下面的方法尝试将div加入到iframe中都没有成功，大家有什么solution吗？div.appendTo(iframe.contentWindow.document.body); 
div.appentTo(iframe.contents().find("body"));
div.appentTo(iframe.document);
div.appentTo(iframe.document.body) 

解决方案 »

  1.   

    据我理解IFrame在没有设置src属性之前
    好像不能进行操作.
    因为它没有引用页面地址之前
    根本就没有内容
    所以document、body什么的当然也没有.
      

  2.   

    ie8，firefox3.6下测试ok，
    var ifmWin=$("<iframe style='z-index:999999'></iframe>").appendTo(document.body).get(0).contentWindow; 
    var div=document.createElement("div");
    div.innerHTML="sss";
    ifmWin.onload=function(){
    ifmWin.document.body.appendChild(div)
    }
      

  3.   

    尝试sohighthesky的方法，IE7中提示“不支持此接口”；
    FireFox3.5中报错
    错误： uncaught exception: [Exception... "Node cannot be inserted at the specified point in the hierarchy"  code: "3" nsresult: "0x80530003 (NS_ERROR_DOM_HIERARCHY_REQUEST_ERR)"  location: "../js/jquery.autocomplete.js Line: 602"]我原来的问题是iframe遮挡住了jquery的autocomplete产生的下拉div，我是想通过修改jquery.autocomplete.js，把这个div加入到一个z-index很大的div中。还在尝试中，先谢过sohighthesky和wohaishiliumang。