(+)
The simple and safest way to use the concatenation operator (+
) to assign or store a bock of HTML code in a JavaScript variable. You should use the single-quotes while stingify the HTML code block, it would make easier to preserve the double-quotes in the actual HTML code.
You also need to escape the single-quotes which appears inside the content of HTML block — just replace the '
character with \'
, as shown in the following example:
<!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>
// Storing HTML code block in a variable
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>';
// Inserting the code block to wrapper element
document.getElementById("wrapper").innerHTML = codeBlock
</script>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
How to Create Custom Maintenance Page in Laravel 7.x Example
In this article, I will apportion you si...How to change href attribute of a hyperlink using jQuery
Use the jQuery .attr() Method You can...How to check if a value exists in an array in PHP
Use the PHP in_array() functio...Laravel Eloquent whereIn Method Query Example
Sometimes you might want to get records...Line Breaks For Textarea Text in Laravel Blade
Hi, in this article i will show you how...