В этом посте я покажу, как вы можете создать DOM в памяти.
Введение
Несколько недель назад у меня была задача создать онлайн-редактор кода для HTML, CSS, JS и вывести результат на тот же экран.
Зачем мне нужен DOM в памяти?
Я хранил разные коды в разных переменных, и для отображения вывода на одном экране мне пришлось создать виртуальный DOM и объединить все коды (HTML + CSS + JS) вместе и внедрить его в iframe.
Код
Приведенный выше код принимает HTML, CSS и Javascript в виде строки, а затем объединяет их вместе в HTML. Он возвращает объединенный код в виде строки, а затем вставляется в iframe.
Демонстрация
Вы можете увидеть работу приведенного выше кода в этом приложении.
