HTML5两个或两个以上的进口

Question

我试图用HTML5导入导入2个文件。

<link rel="import" href="/pages/templates/menuAdmin.html"> 
    <link rel="import" href="/pages/templates/header.html"> 

但我不知道如何得到第二个。我有一个js文件，但我不知道下一步

var doc= document.querySelector('link[rel="import"]').import; 
console.log(doc); 
var text = doc.querySelector('template'); 
var clone = document.importNode(text.content, true); 
document.querySelector('.sidebar-menu').appendChild(clone); 

Answer 1

使用querySelectorAll代替

var doc= document.querySelectorAll('link[rel="import"]').import; 

然后用它作为数组

doc[0] 
doc[1] 

Answer 2

要获得所有imports什么，你必须使用querySelectorAll并对项目进行迭代。

var docs = document.querySelectorAll('link[rel="import"]').import; 

for(var i = 0; i < docs.length; i++) { 
    doc = docs[i]; 
    console.log(doc); 
    var text = doc.querySelector('template'); 
    var clone = document.importNode(text.content, true); 
    document.querySelector('.sidebar-menu').appendChild(clone); 
}