如何将表单写入空的iframe？

merlin2011 发表于 Dev

merlin2011

基于对这个问题的回答，我试图将元素直接附加到iframe没有src属性的空白中。

然而，似乎appendChild在iframe静静地失败。

在下面的代码中，doc.write("Hello World");可以正常工作，但myform2.appendChild(input2);不会更改innerHTML框架的，也不会引发错误。

<html>
    <body>  
     <iframe  name = "myframe" id = "myiframe"> 
     </iframe>  
    <script>
    var myform2 = document.createElement("form");
    var input2 = document.createElement("input");
    input2.name = "quantity";
    input2.value = "10";

    myform2.appendChild(input2);
        </script>

    <script>

    var getFrame = document.getElementById('myiframe');
    var doc = getFrame.contentDocument || getFrame.contentWindow.document;

//  doc.write("Hello World");
    doc.body.appendChild(myform2); // Does not work.
    </script>   
    </body>
</html>

将表格添加到iframe使用原始Javascript的正确方法是什么？

我正在寻找非jQuery解决方案，因为我想了解魔术的工作原理，而不仅仅是让jQuery执行魔术。

尤里·加兰特（Yuriy Galanter）

我认为这是时间问题。加载文档后，尝试运行脚本：

<body onload="loadMe();">

    <iframe  name = "myframe" id = "myiframe"> 
    </iframe>  

    <script>

    function loadMe() {    
        var myform2 = document.createElement("form");
        var input2 = document.createElement("input");
        input2.name = "quantity";
        input2.value = "10";

        myform2.appendChild(input2);

        var getFrame = document.getElementById('myiframe');
        var doc = getFrame.contentDocument || getFrame.contentWindow.document;
        doc.body.appendChild(myform2); // Does not work.
    }    
    </script>  


</body>