Как правильно передать html в javascript?

Question

[gsdev99]

Всем привет, подскажите, пожалуйста, как правильно передать html в javascript (кроссбраузерно)?
Я хочу сделать следующее:

<div class="card" data-component="card" data-options="'<div class="customisible-test"><h4>Customisible</h4><ul><li>Image</li><li>Header</li><li>Secondary copy</li></ul></div>"'>

Очевидно, что это не валидная запись.
В js мне нужно получить данный html в строке:

const str = '<div class="customisible-test"><h4>Customisible</h4><ul><li>Image</li><li>Header</li><li>Secondary copy</li></ul></div>";

Я нашел вот такой способ, но в IE11 он не работает:
https://atomiks.github.io/tippyjs/html-content/

Буду благодарен любой помощи.

Answer 1

[Stalker_RED]

Зачем так?
<template> не?

Answer 2

[Robur]

вместо вашего дива сделайте тег script.

<script>
var str = '<div class="customisible-test"><h4>Customisible</h4><ul><li>Image</li><li>Header</li><li>Secondary copy</li></ul></div>";
</script>

будет работать везде вплоть до браузеров начала 2000-х