javascript - 如何在弹出窗口中动态创建 HTML 元素？

Question

之前，我使用 window.showModalDialog() 函数来弹出一个窗口:

window.showModalDialog("myHtml")

在 myHtml 中，有一些 html 元素，例如文本区域和两个按钮。但是现在情况变了，任何html文件都是不允许的。所以我必须在弹出窗口中动态创建html元素。这可能吗？

Answer 1

以下代码适合我:

<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>

要调用，请使用:

<div id="divPopup" onclick="createPopup();">Create popup</div>