如何将元素附加到 iframe 表单？

Question

这是我的 iframe 代码

<iframe id='SoapExeFrame' src='' style='display:none'>
<form id='soapdatas' action='ps_dlgwnd_3.jsp' method="post">
</form>
</iframe>

我想在提交请求到目标jsp页面之前附加一些表单元素，所以我写了下面的代码

var oInput = SoapExeFrame.document.createElement('INPUT');
oInput.name ="webservice/webservice";
oInput.value = valueofService;
SoapExeFrame.soapdatas.appendChild(oInput);

但是 IE11 抛出一个错误，指出soapdatas 不存在。

Answer 1

获取 iFrame 文档与普通文档不同，这就是您可能遇到问题的原因。

var SoapExeFrame = document.getElementById('SoapExeFrame').contentDocument || document.getElementById('SoapExeFrame').contentWindow.document;

var oInput = SoapExeFrame.createElement('input');
oInput.name ="webservice/webservice";
oInput.value = valueofservice;
    //Append to the form
SoapExeFrame.getElementById('soapdatas').appendChild(oInput);

我在http://codepen.io 中运行了这个，我发现 iFrame 不包含表单，这是您可能无法使用它的另一个原因，因为它里面的数据是在 iFrame 不存在的情况下t 在该浏览器中运行（我相信），您需要先对其进行排序，然后 javascript 才能工作。