在将元素添加到DOM之前，将eventListener添加到元素。不适用

Question

我想将eventListener添加到我动态创建的div中。但是，当我在Chrome中检查它时，它不适用于div。 这就是我的工作：

var div = document.createElement('div');
div.addEventListener('click', function(evt) {
  console.log('test');
});

var root = document.getElementById('root');
root.appendChild(inner);

在将元素添加到DOM之前，我不能将它添加到元素吗？