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

以前，我使用的window.showModalDialog（）函数来弹出的窗口：如何在弹出窗口中动态创建HTML元素？

window.showModalDialog("myHtml")

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

来源

2012-03-23 Xiaodan Mao

其中这种方法定义（在showModalDialog），您使用的库可能？ – Tom 2012-03-23 10:25:48

这是非常基础的JavaScript，我几乎不相信你找不到关于这个主题的任何文档。 [例如]（https://developer.mozilla.org/en/DOM/document.createElement） – 2012-03-23 10:45:47

是的，你是对的，你让我感到羞愧，需要自我思考。 – 2012-03-25 13:00:40

下面的代码工作对我来说：

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

来源

2012-03-23 10:43:20 Coder

它创建一个弹出窗口并动态地为其文档添加控件。 – Coder 2012-03-23 10:45:29

谢谢你的回答，它也适用于我。我应该先自己想想。 – 2012-03-25 13:06:10

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

回答

相关问题