Dominando los conceptos básicos de JavaScript: Eliminar etiquetas HTML

Introducción

En este laboratorio, exploraremos conceptos fundamentales de la programación en JavaScript. A través de una serie de ejercicios prácticos, aprenderás cómo escribir la sintaxis básica, manipular variables y utilizar estructuras de flujo de control. Al final del laboratorio, tendrás una base sólida en la programación en JavaScript y estarás listo para abordar temas más avanzados.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28630{{"Eliminar etiquetas HTML"}} javascript/data_types -.-> lab-28630{{"Eliminar etiquetas HTML"}} javascript/arith_ops -.-> lab-28630{{"Eliminar etiquetas HTML"}} javascript/comp_ops -.-> lab-28630{{"Eliminar etiquetas HTML"}} end

Cómo eliminar etiquetas HTML/XML de una cadena

Para eliminar etiquetas HTML/XML de una cadena, puedes usar una expresión regular. Sigue estos pasos:

Abre la Terminal/SSH
Escribe node para comenzar a practicar la codificación
Utiliza el siguiente código:

const stripHTMLTags = (str) => str.replace(/<[^>]*>/g, "");

Prueba la función con el siguiente ejemplo:

stripHTMLTags("<p><em>lorem</em> <strong>ipsum</strong></p>"); // 'lorem ipsum'

Esto eliminará todas las etiquetas HTML/XML de la cadena de entrada y devolverá el texto restante.

Resumen

¡Felicidades! Has completado el laboratorio de eliminación de etiquetas HTML. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.