HTML showing up with inserted text via REST API

Question

I am getting the value from a text field and then inserting the value into a SP list. The problem is that when I check the console the field shows HTML.

var txtField = document.querySelector('#txtField');

I am inserting the following:

some test string

The when console logging the list of objects inserted is see the following in the console:

<div class="...some hexadecimal stuff...">some test string</div>

How do I remove the HTML tags so that I only get "some test string"?

Answer 1

Try using below solutions:

var txtField = '<div class="abc">some test string</div>';
var txtFieldValue = txtField.replace(/<[^>]*>?/gm, '');

OR

function stripHtml(html) {
   let tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent || tmp.innerText || "";
}
var txtField = '<div class="abc">some test string</div>';
var txtFieldValue = stripHtml(txtField);

OR (if you are using jQuery):

var txtField = '<div class="abc">some test string</div>';
var txtFieldValue = $(txtField).text();

Source: Strip HTML from Text JavaScript