Как использовать <template> в Internet explorer 11?

320
12 декабря 2017, 21:35

Появилась необходимость поддерживать IE. И я хочу удобный способ использовать шаблоны html кода. Проблема в том, что он не совсем верно обрабатывает <template> Подскажите как я могу использовать что то похожее на <template> но в IE?

Решение?

Поискав в интернете варианты, которые не подразумевают подключение дополнительных зависимостей, я нашел такое решение:

var htmlDiv_MainContainer = document.querySelector('#id_MainContainer'); 
 
var htmlTemplate_DivElement = document.querySelector('#id_Template'); 
 
var htmlDiv_TemplateElement = htmlTemplate_DivElement.cloneNode(true); 
 
htmlDiv_TemplateElement.querySelector('#id_Div').textContent = 'Текст для вставки'; 
htmlDiv_TemplateElement.removeAttribute('hidden'); 
htmlDiv_MainContainer.appendChild(htmlDiv_TemplateElement);
<div id="id_MainContainer"></div> 
<div id="id_Template" hidden> 
  <div id="id_Div"></div> 
</div>

Но, так как я новичек в web development, я не уверен что это хорошее решение... Если Вы считаете, что задачу по шаблонизации можно решить иначе, буду рад вашим комментариям и ответам.

Answer 1

В данном случае тебе поможет

document.createDocumentFragment();

Подробности Тут И Тут Это как раз для старых браузеров

READ ALSO
Добавление объекта в объект

Добавление объекта в объект

Как добавить новый объект во вложенный products?

330
Brackets ругается на работающий скрипт

Brackets ругается на работающий скрипт

ЗдравствуйтеОбъясните пожалуйста, почему редактор ругается на скрипт, который, в принципе, работает? Это проблема редактора или ошибка в коде?...

414
Точки (Placemark) вдоль маршрута

Точки (Placemark) вдоль маршрута

Вопрос таков, как можно лучше и быстрее показать точки рядом с маршрутом (multiRoute)

274
Изменение css в jquery

Изменение css в jquery

Не происходит изменение css свойств у элементов при изменении размера окнаСобственно код на js

333