javascript - 使用带有 Javascript 的模板标签时如何向元素添加事件

Question

我想使用 addEventlistener 向元素添加事件，这是我的代码：

for(let i = 0 ;i < dataArrays.length ; i++){
        let template = document.getElementsByTagName("template")[0] ; 
        template.content.querySelector(".add-button").firstElementChild.setAttribute("src",dataArrays[i].addButtonImage) ;
        let clon = template.content.cloneNode(true);
        document.querySelector(".produnt-list").appendChild(clon);
    }

我使用了自爆的代码来做到这一点，但它根本不起作用......

template.content.querySelector(".add-button").addEventListener("click",function(){
            console.log("Hello World !");
        })

标签： javascripthtmltemplateseventsaddeventlistener