HTML5 2つ以上のインポート

Question

HTML5インポートで2つのファイルをインポートしようとしています。

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

しかし、私は2番目の方法を取得する方法がわかりません。あなたは、私は1つの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; 

その後、すべてのimportsを取得するには

doc[0] 
doc[1] 

Answer 2

配列としてそれを使用する何をするか分かりません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); 
}