Question

我使用eltTooltip等创建了一个元素document.createElement，并将其添加到DOM中（idTooltip包含id eltTooltip）：

document.body.appendChild(eltTooltip);
var addedElt = document.getElementById(idTooltip);
addedElt.addEventListener("click", function(){...});

这里是否保证click事件被添加，或者DOM可能没有为此做好准备？

我能以更好的方式做到这一点吗？（页面很久以前就加载了，所以window.onload无法使用。我不能在这里使用jQuery。）

Answer 1

你的方式非常好但是在使用eltTooltip将事件监听器添加到DOM之前附加事件监听器可能更好。这样可以避免从DOM中获取元素。

Demo

var idTooltip = 'test';
var eltTooltip = document.createElement('div');
eltTooltip.innerHTML = "test"
eltTooltip.setAttribute('id', idTooltip);
eltTooltip.addEventListener("click", function () {
    alert('click');
});

document.body.appendChild(eltTooltip);

Answer 2

你可以做这样的事情

window.onload = function (){
    var toolTip = document.createElement('div');
    toolTip.innerHTML = "someData";
    toolTip.addEventListener('click', myfunction);
    document.body.appendChild(toolTip);

    function myfunction(){
        alert("hello guys ");
    }
}

appendChild之后的addEventListener

2 个答案: