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

时间:2012-03-23 09:36:32

标签: javascript

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

window.showModalDialog("myHtml")

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

1 个答案:

答案 0 :(得分:12)

以下代码适用于我:

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