How to get html text of a div

Question

I have a string 2 × 10 which is render with dangerouslySetInnerHTML inside a div; when user click that div i want to get the text 2 × 10, but with event.target.innerHTML i get 2 x 10 ("2 × 10" render as 2 x 10), there's a way to get the original dangerouslySetInnerHTML?

Answer 1

try using outerHTML: event.target.outerHTML

Answer 2

HTML encode it again with a function like this:

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

credit to j08691 for his answer here.