HTML5 два или более импорта

Question

HTML5 два или более импорта

1

Я пытаюсь импортировать 2 файла с импортом HTML5.

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

Leo Odishvili 14 сен. 2017, в 10:21

Источник

Теги:

javascript

html5

2 ответа

1

Чтобы получить весь 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);
}

ADreNaLiNe-DJ 14 сен. 2017, в 06:28

0

Спасибо. Не думал об этом. Я не могу голосовать. К сожалению :(
Leo Odishvili 14 сен. 2017, в 08:10
0

Пожалуйста. Почему ты не можешь поддержать?
ADreNaLiNe-DJ 14 сен. 2017, в 08:12
0

У меня не было достаточно репутации. Теперь у меня есть. Еще раз спасибо :)
Leo Odishvili 14 сен. 2017, в 08:15

Показать ещё 1 комментарий

Ещё вопросы

Спасибо. Не думал об этом. Я не могу голосовать. К сожалению :(
Пожалуйста. Почему ты не можешь поддержать?
У меня не было достаточно репутации. Теперь у меня есть. Еще раз спасибо :)

David · Accepted Answer · 2017-09-14T05-47-00.000Z

Вместо этого используйте querySelectorAll

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

Затем используйте его как массив

doc[0]
doc[1]

Спасибо. Не могу проголосовать. сожалею