如何在彈出窗口中動態創建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元素？

回答

相關問題