Extract only text content from HTML in Javascript

1. Create a temporary DOM element and retrieve the text

/* Returns the text from a HTML string */ function GetPlanText_FromHtml(html){ // Create a new div element var tmp = document.createElement("div"); // Set the HTML content with the providen tmp.innerHTML = html; // Retrieve the text property of the element (cross-browser support) return tmp.textContent || tmp.innerText || ""; } var myHTML_String= "<div> <h1> Hello World</h1> <p> This is Extracted string from HTML</p> </div> "; //Hello World //This is Extracted string from HTML console.log(GetPlanText_FromHtml(myHTML_String));

2. using jQuery

var myHTML_String= "<div> <h1> Hello World</h1> <p> This is Extracted string from HTML</p> </div> "; var HTML2Text= $("<div> ").html(myHTML_String).text();