Импорт / изменение содержимого HTML (после обновления ES6) - PullRequest
Новая
       33

Импорт / изменение содержимого HTML (после обновления ES6)

0 голосов
/ 06 февраля 2019

Я пытался динамически изменять содержимое моей HTML-страницы, импортируя внешние HTML-файлы.Я нашел способ сделать это с помощью импорта HTML, но если я правильно понял, эта функция устареет из-за обновления ES6.Из того, что мне удалось найти в Интернете, может быть, есть альтернативный способ сделать это с помощью модулей javascript, но я не могу найти ничего конкретного.

Я хочу изменить большую часть страницы (окно, содержащее форму, превращающуюся в окно, отображающее пользовательскую статистику), чтобы было неудобно использовать .innerHTML в javascript.У кого-нибудь есть хорошие идеи о том, как импортировать HTML-файлы или динамически изменять содержимое страницы?(с использованием JavaScript, узла и т. д.)

Любая помощь очень ценится:)

1 Ответ

0 голосов
/ 19 марта 2019

Я немного опоздал, и ответ уже был связан с комментариями к этому вопросу, но я все равно пойду.

Вы должны быть в состоянии использовать Ajax для получения содержимого html-файла.(В виде строки) С содержимым html-файла вы сможете проанализировать его в htmlDoc в JS (например, в глобальном document из document.getElement и т. Д.), Используя класс DOMParser.

https://developer.mozilla.org/en-US/docs/Web/API/DOMParser

https://codepen.io/Deefoozy/pen/PeYWge

После анализа html в htmlDocument вы сможете получить тело с помощью .getElement или .body.children.Результатом этого должен быть простой domNode, который вы можете добавить к другому domNode.

...