How to Encode and Decode HTML Entities in JavaScript?

HTML Entity Decoding

HTML entities are characters represented using their hexadecimal codepoints preceded by an ampersand (&) and a semicolon (;). For example, the ampersand character (&) is represented as &.

Encoding HTML Entities in JavaScript

To encode an HTML entity in JavaScript, use the encodeURIComponent() function. This function takes a string as input and returns a new string with all non-ASCII characters encoded as HTML entities. For instance, the following code encodes the ampersand character (&) as &:

encodeURIComponent('&'); // "&"

Decoding HTML Entities in JavaScript with jQuery

To decode an HTML entity in JavaScript using jQuery, use the html() function. This function takes a string as input and returns a new string with all HTML entities decoded. For example, the following code decodes the string "&" into the ampersand character (&):

$.html('&'); // "&"

Decoding HTML Entities in JavaScript without jQuery

If you do not want to use jQuery, you can use the following custom function to decode HTML entities in JavaScript:

function decodeEntities(string) {
  var doc = new DOMParser().parseFromString(string, "text/html");
  return doc.documentElement.textContent;
}

This function creates a new DOM element from the input string and then extracts the text content from the DOM element, which will have all HTML entities decoded. For example, the following code decodes the string "&" into the ampersand character (&):

decodeEntities('&'); // "&"

The above is the detailed content of How to Encode and Decode HTML Entities in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!