如何使用JavaScript更新iframe的信息？

Question

我想更新iframe中的信息，這是由JS生成但未成功。我在HTML表單：

<form method="post" action="calc.php" target="my_iframe"> 
<input type="submit" value="Calc" onclick="Frame()"/> 

這裏的一些參數是通過提交按鈕，它計算回答給PHP文件

JS創建的iframe：

<script type="text/javascript"> 
function Frame() 
{ 
var iframe = document.createElement('iframe'); 
iframe.setAttribute("src", "calc.php"); 
iframe.setAttribute("name", "my_iframe"); 
iframe.setAttribute("width", "500px"); 
iframe.setAttribute("height", "400px"); 
iframe.setAttribute("frameborder", "0"); 
iframe.setAttribute("id", "second"); 
document.getElementById("first").appendChild(iframe); 
}; 
</script> 

成格：

<div id="first" class="answer"></div> 

第一次按Calc鍵後，一切正常，但當我改變參數在窗體中，然後按計算按鈕JS更新第一個iframe中的信息，並生成一個錯誤的iframe（沒關係，它顯示錯誤，因爲它沒有輸入）。

我怎麼能編輯JS只使用一個iframe和更新信息，只有在那裏，每次我按計算器按鈕？謝謝大家:)

Answer 1

什麼你AR與appendChild(iframe)做的是一個額外的元素添加到頁面，用的是不是你想要的。

嘗試更換：

document.getElementById("first").appendChild(iframe); 

有：

document.getElementById("first").innerHTML = iframe; 

另外，width和height屬性只應該是數字沒有px。