How to fix HTML encoding lost when attribute read from input field with JavaScript?

Spread the love

Sometimes, we want to fix HTML encoding lost when attribute read from input field with JavaScript.

In this article, we’ll look at how to fix HTML encoding lost when attribute read from input field with JavaScript.

How to fix HTML encoding lost when attribute read from input field with JavaScript?

To fix HTML encoding lost when attribute read from input field with JavaScript, we can put the HTML string in a text node.

For instance, we write

const htmlEncode = (html) => {
  return document.createElement("a").appendChild(document.createTextNode(html))
    .parentNode.innerHTML;
};

to define the htmlEncode function.

In it, we create an a element with createElement.

Then we put the html string in a text node with createTextNode.

And we append it as the child of the a element with appendChild.

Then we return the a element’s innerHTML.

Conclusion

To fix HTML encoding lost when attribute read from input field with JavaScript, we can put the HTML string in a text node.

Leave a Reply

Your email address will not be published.