2016-03-02 24 views
2
function createButton(){ 
    var btnDisplay = document.createElement("button"); 
    btnDisplay.innerHTML="Display Value"; 
    btnDisplay.backgroundColor="green"; 
    btnDisplay.onclick="alrt()"; 
    var divCon = document.getElementById("detailcal"); 
    divCon.appendChild(btnDisplay); 

} 

在這裏,我創建箱子創建按鈕的函數,我已爲它設置屬性,屬性顯示在頁面,但功能alrt();不顯示在頁碼上。如何在運行時調用函數按鈕單擊,因爲您可以在下面的代碼中看到

不工作的任何解決方案。

回答

1

您可以使用元素的setAttribute方法:

function createButton(){ 
    var btnDisplay = document.createElement("button"); 
    btnDisplay.innerHTML="Display Value"; 
    btnDisplay.backgroundColor="green"; 
    btnDisplay.setAttribute("onclick", "alert('hello')"); 
    var divCon = document.getElementById("detailcal"); 
    divCon.appendChild(btnDisplay); 

} 
createButton(); 
+0

謝謝madox它的工作 – user3282537

+0

@ user3282537不客氣 – madox2

1

IMO它的更好,如果你能避免inlin事件,並使用addEventListener()onclick代替:

btnDisplay.onclick=function() { alrt(); }; 
//OR 
btnDisplay.addEventListener('click', alrt, false); 

Hopet這會有所幫助。

相關問題