Jak dekodować jednostki HTML za pomocą JavaScript

HTML przechowuje swoje zarezerwowane postacie jako jednostki postaci. Podmioty postaci to proste struny tekstowe, które zaczynają się od i i kończące się od a;. Podmioty HTML są konieczne, ponieważ jeśli próbujesz napisać znaki specjalne HTML, takie jak prosty tekst, HTML powinien być w stanie je przechowywać, aby nie były interpretowane jako kod HTML. Podmioty HTML są niezbędne do właściwego przeglądania renderowania tekstu na stronach internetowych. Podmioty można również użyć podczas próby pisania znaków, których na ogół nie można znaleźć na standardowych klawiaturach.

Dekodowanie podmiotów HTML

Podmioty HTML można dekodować za pomocą kilku różnych metod obejmujących biblioteki waniliowe JavaScript lub JavaScript. Ten przewodnik przejdzie tylko przez waniliowe metody JavaScript do dekodowania jednostek HTML, ponieważ są one łatwe i proste.

Dekodowanie jednostek HTML z elementem DOM

Pierwszą metodą jest użycie elementu TextArea. Jak sama nazwa wskazuje, element TextArea służy do utworzenia prostego obszaru tekstu, w którym każda postać jest interpretowana jako prosty tekst.:

dekodowanie funkcji (str)
Niech txt = dokument.CreateElement („TextArea”);
tekst.innerHtml = str;
zwróć txt.wartość;

W powyższym kodzie najpierw utworzyliśmy element TextArea za pomocą dokumentu.Metoda CreateElement (). Następnie napisaliśmy ciąg zawierający podmioty HTML wewnątrz TAXarea za pomocą właściwości InnerHTML. W ten sposób ciąg zostanie przekonwertowany na prosty tekst, a jednostki zostaną przekonwertowane na znaki. Na koniec zwróciliśmy ciąg zapisany w zmiennej TXT, która jest TEXTAREA.

Teraz, jeśli wywołamy funkcję dekodowania z jednostką HTML jako parametr, zwróci ją jako prosty tekst:

Niech EncodedStr = "

";
niech decodedStr = dekoduj (kodedstr);
konsola.log (DecodedStr);

Dekodowanie podmiotów HTML z domemparser.metoda porzucana ()

Drugą metodą jest użycie DOMPARSER.metoda porzucana (). Domparser.metoda ParseFromString () bierze ciąg zawierający HTML i zwraca go jako element HTML:

dekodowanie funkcji (str)
Niech txt = new DOMPARSER ().ParsefromString (str, „text/html”);
zwróć txt.dokumentElement.TextContent;

W powyższym kodzie po raz pierwszy przekazaliśmy ciąg jako argument do DOMPARSER.metoda parsefromString () i odzyskała ją jako element HTML, określając drugi argument jako „tekst/html”. Następnie zwróciliśmy treść tekstu nowo utworzonego elementu HTML.

Teraz wywołuje funkcję decode ():

Niech EncodedStr = "

";
niech decodedStr = dekoduj (kodedstr);
konsola.log (DecodedStr);

Wniosek

Podmioty HTML są niezbędne do prawidłowego przeglądania tekstu na stronach internetowych. Niektóre strony internetowe zawierają fragmenty kodu jako prosty tekst. Bez podmiotów trudno byłoby rozróżnić między kodem HTML dla strony internetowej, a co to zwykły tekst.