如何在動態創建元素時附加javascript功能

Question

如何在動態創建元素時附加javascript功能。

謝謝

Answer 1

歡迎來到stackoverflow。如果你想得到好的答案，你應該對你的問題更精確。例如代碼片段，你到目前爲止已經嘗試過，等等......

因爲您已將jquery標記爲您的問題，我將使用jquery特定的解決方案進行回答。

動態創建的元素不能直接用於綁定任何東西給他們，因爲他們最初並不知道dom。 因此您必須將該功能綁定到現有元素並使用事件委派。

這與.on（）函數一起使用。

$(".existingelement").on("click", ".dynamicelement", function(){ 
    //do stuff here 
}) 

Answer 2

$('#ulTagContent').html(""); 
 
       for (var i = 0; i < TagListInfo.length; i++) { 
 

 
        var li = document.createElement('li'); 
 
        li.className = ''; // Class name 
 
        // li.innerHTML = ; // Text inside 
 
        li.id = "li"+i; 
 
        $('#ulTagContent').append(li); // Append it 
 
        //li.onclick = dynamicEvent; // Attach the event! 
 
        
 
        var Anchor = document.createElement('a'); 
 
        Anchor.id = "anchor" + i; 
 
        Anchor.innerHTML = TagListInfo[i].TagName; 
 

 
        var TagName = TagListInfo[i].TagName.trim(); 
 

 
        Anchor.href = "javascript:;"; 
 
        var GroupId = i + 1 ; 
 
        Anchor.setAttribute("onclick", "ShowGalleryByTagName('" + TagName + "'," + GroupId + ");") 
 
        
 
        $('#li' + i).append(Anchor); 
 
       } 
 
      }

<ul style="padding: 0" class="tag-list" id="ulTagContent"></ul>