Si bien se programan en JavaScript, a menudo queremos escribir códigos complejos donde es muy probable que agregue un "html"Etiqueta en un valor de cadena en caso de encabezados o párrafos por error. Por ejemplo, la etiqueta final de un html o elemento corporal debe ser despojado si el html o el elemento del cuerpo no es seguido por un comentario. No sé cómo quitar las etiquetas HTML de una cadena en particular? No hay problema!

Este manual discutirá los métodos para eliminar las etiquetas HTML de una cadena específica en JavaScript.

Cómo quitar las etiquetas HTML de una cadena en JavaScript?

Para eliminar las etiquetas HTML usando JavaScript, se pueden utilizar los siguientes enfoques:

• Método "ReplaceAll ()"
• Propiedad de "Contenido de texto"
• Interfaz "Domparser"
• Paquete "String-strip-html"

Pasar por los métodos mencionados uno por uno!

Método 1: Spare las etiquetas HTML de la cadena en JavaScript usando el método ReplaceAll ()

El "reemplaza todo()El método "devuelve una nueva cadena cuando todos los patrones coincidentes se reemplazan por el reemplazo especificado. Este método se puede implementar para reemplazar todas las etiquetas HTML en una cadena con la cadena vacía.

Sintaxis

reemplazar (patrón, reemplazo)

En la sintaxis dada, "patrón"Se refiere a la cadena o un objeto, y"reemplazo"Puede ser una función o una cadena.

El siguiente ejemplo explica el concepto claramente.

Ejemplo

En el siguiente ejemplo, incluya un valor de cadena que incluye etiquetas HTML colocadas en el "

"Etiqueta y muestre el valor de cadena no apresurado:

Valor de cadena: deje que no se triture = "

Banda Etiquetas

";
consola.log ("Etiquetas HTML sin apropiar:", sin acumular)

Ahora, aplique el "reemplaza todo()"Método para reemplazar las etiquetas HTML con una cadena vacía especificada como" ". El "gi" aquí buscará todos los ocurrencias de la expresión regular en la cadena proporcionada y el ""operador de reglas"Comenzará a buscar valores a partir de"/"y finalizará en"/"respectivamente:

Dejar reemplazar = sin estrecho.reemplazar (/]+(> | $)/gi, "");

Finalmente, muestre el valor de cadena correspondiente sin ninguna etiqueta HTML:

consola.log ("etiquetas HTML despojadas:", reemplazar);

La salida correspondiente será la siguiente:

Método 2: Despliue las etiquetas HTML de una cadena en JavaScript usando la propiedad de contenido de texto

El "contenido del textoLa propiedad establece el contenido de texto del elemento especificado. Este método se puede utilizar para devolver los elementos de texto de la cadena HTML dada.

Ejemplo

Primero, almacene un valor de cadena no apilado y muestrelo como se discute en el método anterior.

Deja que no se triture = "

Html Elementos

";
consola.log ("Etiquetas HTML sin apropiar:", sin acumular)

A continuación, cree un elemento llamado "div" utilizando el "documento.createElement ()Método "y asignar el elemento creado un valor de cadena que incluye las etiquetas HTML:

Dejar div = documento.createElement ("div");
div.innerhtml = no acertado;

Ahora, aplique la propiedad TextContent para incluir texto dentro del "" elemento. Si la cadena contiene elementos, este método con TextContent devolverá su contenido y despojará las etiquetas HTML usando "" en una cadena vacía y lo registrará en la consola:

Dejar texto = div.TextContent || div.Innertext || "";
consola.log ("etiquetas HTML despojadas:", texto);

Producción

Método 3: tira las etiquetas HTML de una cadena en JavaScript usando la interfaz DomParser

El "DomicilioLa interfaz "proporciona la funcionalidad para analizar el código fuente HTML desde el valor de cadena especificado en un DOM. Esta técnica puede implementarse analizando un código HTML de tal manera que cuando una cadena que contiene código HTML se le pasa como argumento, las etiquetas HTML se pueden despojar con el Domparser y su "parseFromString ()" método.

Sintaxis

Domicilio.Parsefromstring (sin franqueza)

Aquí, "parseFromString ()"El método elimina las etiquetas HTML de la cadena"no aconsejado".

Ejemplo

En primer lugar, cree una función llamada "striptags ()" con "html"Como su argumento.

A continuación, aplique el método ParseFromString () para eliminar las etiquetas HTML de la variable especificada llamada "no aconsejado"Refiriéndose al valor de cadena no acelerado contenido y devuelve su contenido de texto utilizando el"contenido del texto" propiedad:

function striptags (html)
const parsehtml = new DomParser ().parseFromString (sin apretar, 'texto/html');
devolver parsehtml.cuerpo.TextContent || ";

Ahora, cree un valor de cadena para ser despojado y muestre los valores sin franquear y despojados en la consola y compararlos:

Deja que no se triture = "

Java y Javascript

";
consola.log ("Etiquetas HTML sin apropiar:", sin acumular)
consola.log ("Etiquetas HTML despojadas:", striptags (sin franquear));

Producción

Método 4: Desplate las etiquetas HTML de una cadena en JavaScript usando el paquete String-Strip-HTML

El paquete "String-Strip-HTML" se aplica para eliminar HTML de una cadena en particular y proporciona un método "StringStriphtml ()" que lleva un HTML como entrada. Este método se puede implementar de tal manera que si la cadena particular incluye el elemento "", String-Strip-Html () lo eliminará junto con su contenido.

Ejemplo

En el primer paso, incluya un paquete String-Strip-HTML en el "" etiqueta:

Ahora, incluya un valor de cadena y consulte el valor de cadena que contiene el elemento "". Esto dará como resultado eliminar las etiquetas HTML del valor de cadena proporcionado:

const striphtml = StringStriphtml;
dejar htmlwithscriptElement = 'alert ("etiquetas html");<\/script>';
Deja que no se triture = '

Html Etiquetas $ htmlWithScriptElement

';

Finalmente, registre los valores sin franquear y despojados y compare los valores de cadena resultantes en ambos escenarios:

consola.log ("Etiquetas HTML sin apropiar:", sin acumular)
consola.log ("Etiquetas HTML despojadas:", Striphtml (sin estrecho).resultado);

Producción

Hemos discutido todos los métodos más fáciles para eliminar las etiquetas HTML de String en JavaScript.

Conclusión

Para eliminar las etiquetas HTML de la cadena en JavaScript, aplique el "reemplaza todo()"Método para reemplazar todas las etiquetas HTML con una cadena vacía, el" "Contenido del texto"Propiedad para devolver los elementos de texto de la cadena HTML específica, el" "Domicilio"Interfaz para analizar las etiquetas HTML de la cadena o la"strip-strip-html"Paquete para incluir un paquete y pasar una cadena HTML al método incorporado. Este manual guió sobre los métodos para quitar las etiquetas HTML de la cadena en JavaScript.