HTML5 zwei oder mehr Importe

Question

Ich versuche, 2 Dateien mit HTML5-Import zu importieren.

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

Aber ich weiß nicht, wie man den zweiten bekommt. Ich habe eine JS-Datei, aber ich weiß nicht, was alle imports nächsten

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

Verwenden querySelectorAll statt

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

Dann verwenden Sie es als Array

doc[0] 
doc[1] 

Answer 2

Um zu tun zu bekommen, Sie muss querySelectorAll verwenden und iteriert die Elemente.

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