Durante la programmazione in JavaScript, spesso vogliamo scrivere codici complessi in cui è molto probabile che aggiunga un "html"Tag in un valore di stringa in caso di intestazioni o paragrafi erroneamente. Ad esempio, il tag finale di un elemento HTML o corpo deve essere spogliato se l'elemento HTML o Body non è seguito da un commento. Non so come spogliare i tag HTML da una particolare stringa? Nessun problema!

Questo manuale discuterà i metodi per rimuovere i tag HTML da una stringa specifica in JavaScript.

Come spogliare i tag HTML da una stringa in JavaScript?

Per rimuovere i tag HTML usando JavaScript, è possibile utilizzare i seguenti approcci:

• Metodo "sostituzione ()"
• Proprietà "Contenuto di testo"
• Interfaccia "Domparser"
• Pacchetto "String-Strip-Html"

Passare attraverso i metodi menzionati uno per uno!

Metodo 1: striscia i tag HTML dalla stringa in javaScript usando il metodo sostituita ()

IL "sostituisci tutto()"Il metodo restituisce una nuova stringa quando tutti i modelli abbinati vengono sostituiti dalla sostituzione specificata. Questo metodo può essere implementato per sostituire tutti i tag HTML in una stringa con la stringa vuota.

Sintassi

sostituzione (pattern, sostituzione)

Nella sintassi data, "modello"Si riferisce alla stringa o a un oggetto, e"sostituzione"Può essere una funzione o una stringa.

L'esempio seguente spiega chiaramente il concetto.

Esempio

Nel seguente esempio, includere un valore stringa inclusi i tag HTML inseriti in "

"Tag e visualizza il valore della stringa non strisciato:

Valore della stringa: let unstrip = "

Striscia Tag

";
console.Log ("Tag HTML non strisciati:", Unstrip)

Ora, applica il "sostituisci tutto()"Metodo per sostituire i tag HTML con stringa vuota specificata come" ". Il "GI" qui cercherà tutte le occorrenze dell'espressione regolare nella stringa fornita e il "Operatore Regex"Inizierà a cercare valori a partire da"/"e terminerà rispettivamente a"/":

Sostituisci = non strisciati.replAceall (/]+(> | $)/gi, "");

Infine, visualizzare il valore della stringa corrispondente senza alcun tag HTML:

console.log ("tag HTML spogliati:", sostituire);

L'output corrispondente sarà il seguente:

Metodo 2: spoglia i tag HTML da una stringa in JavaScript utilizzando la proprietà del contenuto di testo

IL "TextContent"La proprietà imposta il contenuto di testo dell'elemento specificato. Questo metodo può essere utilizzato per restituire gli elementi di testo dalla stringa HTML data.

Esempio

Innanzitutto, memorizzare un valore di stringa non strisciato e visualizzarlo come discusso nel metodo precedente.

Lascia che unstrip = "

Html Elementi

";
console.Log ("Tag HTML non strisciati:", Unstrip)

Successivamente, crea un elemento chiamato "div" usando il "documento.createElement ()"Metodo e assegnare l'elemento creato un valore stringa inclusi i tag HTML:

Let Div = Document.createElement ("div");
div.InnerHtml = non strisciato;

Ora, applica la proprietà di TextContent per includere il testo all'interno del ""Elemento. Se la stringa contiene elementi, questo metodo con TextContent restituirà il suo contenuto e spoglia i tag HTML usando "" in una stringa vuota e registrandolo sulla console:

let text = div.TextContent || div.InnerText || "";
console.log ("tag HTML spogliati:", testo);

Produzione

Metodo 3: spogliare i tag HTML da una stringa in JavaScript utilizzando l'interfaccia DomParser

IL "Domparser"L'interfaccia fornisce la funzionalità per analizzare il codice sorgente HTML dal valore della stringa specificato in un DOM. Questa tecnica può essere implementata analizzando un codice HTML in modo tale che quando una stringa contenente il codice HTML viene passata ad esso come argomento, i tag HTML possono essere spogliati con DomParser e la sua "parseFromString ()" metodo.

Sintassi

Domparser.ParseFromString (Unstrip)

Qui, "parseFromString ()"Il metodo rimuove i tag HTML dalla stringa"non strippato".

Esempio

In primo luogo, crea una funzione chiamata "stripTAGS ()" con "html"Come il suo argomento.

Quindi, applica il metodo ParseFromString () per rimuovere i tag HTML dalla variabile specificata denominata "non strippato"Fare riferimento al valore della stringa non strisciato contenuto e restituire il suo contenuto di testo usando"TextContent" proprietà:

funzione stripTAGS (html)
const parsehtml = new DomParser ().ParseFromString (non striato, 'text/html');
restituire parsehtml.corpo.TextContent || ";

Ora, crea un valore di stringa da spogliarsi e visualizzare i valori non strisciati e spogliati sulla console e confrontarli:

Lascia che unstrip = "

Java e JavaScript

";
console.Log ("Tag HTML non strisciati:", Unstrip)
console.log ("tag HTML spogliati:", StripTAGS (non strippato));

Produzione

Metodo 4: strip tag HTML da una stringa in JavaScript usando il pacchetto String-Strip-HTML

Il pacchetto "String-Strip-HTML" viene applicato per spogliare HTML da una particolare stringa e fornisce un metodo "Stringstriphtml ()" che trasporta un HTML come input. Questo metodo può essere implementato in modo tale che se la stringa particolare include l'elemento "" String-Strip-Html () lo rimuoverà insieme al suo contenuto.

Esempio

Nel primo passaggio, includi un pacchetto String-Strip-HTML in ""Tag:

Ora, includi un valore di stringa e ti riferisci al valore della stringa contenente l'elemento "". Ciò comporterà la rimozione dei tag HTML dal valore della stringa fornito:

const striphtml = stringstriphtml;
let htmlWithScriptElement = 'Alert ("HTML Tags");<\/script>';
Lascia che unstripped = '

Html Tag $ htmlwithScriptElement

';

Infine, registrare i valori non strisciati e spogliati e confronta i valori di stringa risultanti in entrambi gli scenari:

console.Log ("Tag HTML non strisciati:", Unstrip)
console.Log ("Tag HTML spogliati:", STRITHTML (Unstrip).risultato);

Produzione

Abbiamo discusso di tutti i metodi più semplici per rimuovere i tag HTML dalla stringa in JavaScript.

Conclusione

Per rimuovere i tag HTML dalla stringa in JavaScript, applica il “sostituisci tutto()"Metodo per sostituire tutti i tag HTML con una stringa vuota,"Contenuto di testo"Proprietà per restituire gli elementi di testo dalla stringa HTML specifica,"Domparser"Interfaccia per analizzare i tag HTML dalla stringa o"String-Strip-Html"Pacchetto per includere un pacchetto e passare una stringa HTML al metodo integrato. Questo manuale ha guidato i metodi per spogliare i tag HTML dalla stringa in JavaScript.