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); 
}