Самый простой и безопасный способ использования оператора конкатенации (+) для назначения или сохранения блока HTML-кода в переменной JavaScript. Вы должны использовать одинарные кавычки при ограничении блока кода HTML, это упростит сохранение двойных кавычек в фактическом коде HTML.

Вам также необходимо избегать одинарных кавычек, которые появляются внутри содержимого блока HTML — просто замените символ ' на \', как показано в следующем примере:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Store HTML Code in JavaScript Variable</title> 
</head> 
<body>
<div id="wrapper"></div>
<script>
// Сохраняем блок HTML-кода в переменную
var codeBlock = '<div class="content">' +
                    '<h1>This is a heading</h1>' +
                    '<p>This is a paragraph of text.</p>' +
                    '<p><strong>Note:</strong> If you don\'t escape "quotes" properly, it will not work.</p>' +
                '</div>';

// Вставляем блок кода в элемент оболочки
document.getElementById("wrapper").innerHTML = codeBlock
</script> 
</body>
</html>

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.