document.importNode方法返回的对象为何不能绑定事件处理函数，而用queryselector选择了其子元素则可绑定？

Question

如题。

const template = document.querySelector('#fileItem-template');
let clone = document.importNode(template.content, true);
if(file.type == 'directory'){
        clone.addEventListener('dblclick', ()=>{
            loadDirectory(file.path);
        }, false);
}

如果是像上面那样写，clone对象**是并没有绑定上事件处理函数的**。而如果我用queryselector选择其子元素则可绑定，代码如下。

const template = document.querySelector('#fileItem-template');
let clone = document.importNode(template.content, true);
if(file.type == 'directory'){
        clone.querySelector('img').addEventListener('dblclick', ()=>{
            loadDirectory(file.path);
        }, false);
}

Answer 1

是不是没有 addChild
http://www.runoob.com/try/try.php?filename=tryjsref_document_importnode