¿Cómo eliminar las etiquetas HTML de una string usando JavaScript?

Para eliminar todas las etiquetas HTML de una string, hay muchos procedimientos en JavaScript. Para eliminar las etiquetas, podemos usar la función replace() y también podemos usar la propiedad .textContent , la propiedad .innerText de HTML DOM. Las etiquetas HTML son de dos tipos: etiqueta de apertura y etiqueta de cierre .

Etiqueta de apertura: comienza con un ‘ < ‘, seguido de una palabra clave HTML y termina con un ‘ > ‘. <html>, <br>, <title> son algunos ejemplos de etiquetas de apertura HTML.
Etiqueta de cierre: comienza con ‘ </ ‘, seguida de una palabra clave HTML y termina con ‘ > ‘.</html>, </title> son ejemplos de etiquetas de cierre HTML.

Los siguientes ejemplos ilustran ambos enfoques:

Ejemplo 1: ‘<‘, ‘</’, ‘>’ se pueden usar para identificar una palabra como una etiqueta HTML en una string. Los siguientes ejemplos muestran cómo quitar etiquetas HTML usando la función replace() y una expresión regular , que identifica una etiqueta HTML en la string de entrada. Una expresión regular es una mejor manera de encontrar las etiquetas HTML y eliminarlas fácilmente.

Programa: en JavaScript, el siguiente código elimina una string de etiquetas HTML.

<script>
function removeTags(str) {
    if ((str===null) || (str===''))
        return false;
    else
        str = str.toString();
          
    // Regular expression to identify HTML tags in 
    // the input string. Replacing the identified 
    // HTML tag with a null string.
    return str.replace( /(<([^>]+)>)/ig, '');
}
document.write(removeTags(
    '<html>Welcome to GeeksforGeeks.</html>'));;
</script>                    

Producción:
```
Welcome to GeeksforGeeks.
```

Ejemplo 2: la propiedad .textContent devuelve el contenido de texto del Node especificado y todos sus descendientes. La propiedad .innerText hace lo mismo que la propiedad .textContent .

Programa: en JavaScript, el siguiente código elimina una string de etiquetas HTML.

<script>
  
    // HTML tags contain text
    var html = "<p>A Computer Science "
             + "Portal for Geeks</p>";
    var div = document.createElement("div");
    div.innerHTML = html;
    var text = div.textContent || div.innerText || "";
    document.write(text)
</script>

Producción:
```
A Computer Science Portal for Geeks
```

Publicación traducida automáticamente

Artículo escrito por chitrankmishra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta