JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<div id="contentForm"></div>
        <input type="button" id="testButton" value="click"/>

JavaScript

function fcOnClick(){
    var dataHtml='<div><div class="myClass"><form method="get" id="testForm" action="http://www.example.org/search/"><div>Some data</div></form></div></div>',
        formOnly = '<form method="get" id="testForm" action="http://www.example.org/search/"><div>Some data</div></form>';
    var contentForm=$('#contentForm');

    // With jQuery
    contentForm.html($('.myClass',dataHtml).html());
    console.log('form.html():', $('#testForm').html());
    console.log('parentForm.html():', contentForm.html());

    // Just innerHTML
    contentForm[0].innerHTML = formOnly;
    console.log('form.html():', $('#testForm').html());
    console.log('parentForm.html():', contentForm.html());
   
}

fcOnClick()