如何在弹出窗口中动态创建HTML元素?

Xia*_*Mao 5 javascript

以前,我使用window.showModalDialog()函数弹出一个窗口:

window.showModalDialog("myHtml")
Run Code Online (Sandbox Code Playgroud)

在myHtml中,有一些html元素,如textarea和两个按钮.但现在情况发生了变化,任何html文件都不允许.所以我必须在弹出窗口中动态创建html元素.这可能吗?

Cod*_*der 13

以下代码适用于我:

<script type="text/javascript">
function createPopup(){
var popup = open("", "Popup", "width=300,height=200");
var txtOk = popup.document.createElement("TEXTAREA");
var aOk = popup.document.createElement("a");
aOk.innerHTML = "Click here";

popup.document.body.appendChild(txtOk);
popup.document.body.appendChild(aOk);
}
</script>
Run Code Online (Sandbox Code Playgroud)

要打电话,请使用:

<div id="divPopup" onclick="createPopup();">Create popup</div>
Run Code Online (Sandbox Code Playgroud)