<html>
<head>
<script src="../../ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script>
function prependText() {
var txt1 = "<p>Text.</p>"; // Create text with HTML
var txt2 = $("<p></p>").text("Text."); // Create text with jQuery
var txt3 = document.createElement("p");
txt3.innerHTML = "Text."; // Create text with DOM
$("p").prepend(txt1, txt2, txt3); // Prepend new elements
}
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button onclick="prependText()">Prepend text</button>
</body>
<!-- Mirrored from www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_prepend_ref by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 05 Jun 2019 14:33:34 GMT -->
</html>