JSFiddle - React, Tailwind, and code Playground
HTML
<input id="txtStatus" type="text" value="<p>Hello, world!</p>" />
<div>
<button id="btnJq">Set via jQuery</button>
<button id="btnJs">Set via JavaScript</button>
</div>
<div id="content" />
JavaScript
$(document).ready(function() {
// Set via `$.html()`
$('#btnJq').click(function() {
$('#content').html($('#txtStatus').val());
});
// Set via JavaScript's `innerHTML`
$('#btnJs').click(function() {
$('#content').get(0).innerHTML = $('#txtStatus').val();
});
$('#content').bind('DOMSubtreeModified', function(e) {
if (e.target.innerHTML.length > 0) {
// Handle new content
alert('text changed to ' + e.target.innerHTML);
}
});
});