How to strip out only Text from HTML string using javascript?

You can use the following javascript code to extract only Text part from HTML string

function GetHtml(html){
    // Create a new div element
    var temporaryDivElement = document.createElement("div");
    // Set the HTML content with the providen
    temporaryDivElement.innerHTML = html;
    // Retrieve the text property of the element (cross-browser support)
    return temporaryDivElement.textContent || temporaryDivElement.innerText || "";
}

In the above method, we are creating a temporary div and then appending our given HTML string to it,after that we will Get inner text of html only.

So, you can use it like

function GetHtml(html){
    // Create a new div element
    var temporaryDivElement = document.createElement("div");
    // Set the HTML content with the providen
    temporaryDivElement.innerHTML = html;
    // Retrieve the text property of the element (cross-browser support)
    return temporaryDivElement.textContent || temporaryDivElement.innerText || "";
}

var htmlStr ='<div style="margin-top:10px" data-href="/URL" data-Id="1">Some text here</div>';

//Output : Some text here
console.log(GetHtml(htmlStr));

Using Jquery, we can do it in simpler way

var htmlString= "<div>\n <h1>Hello World</h1>\n <p>This is the text that we should get.</p>\n <p>Our Code World &#169; 2017</p>\n </div>";

var stripedHtml = $("<div>").html(htmlString).text();

// Hello World
// This is the text that we should get.
// Our Code World © 2017
console.log(stripedHtml);