Analizar una cadena HTML con JS - JavaScript
Este tutorial demostrará las estrategias para analizar una cadena HTML con JavaScript.
Cómo analizar una cadena HTML usando JavaScript?
Para analizar una cadena HTML con JavaScript, aplique las siguientes estrategias:
- "createElement ()"Método y"innerhtml" propiedad.
- "Domparser ()"Constructor y"parseFromString ()" método.
Método 1: analice una cadena HTML en JavaScript usando el método createElement () y la propiedad innerHTML
El "createElement ()El método "se utiliza para generar un nodo para un elemento HTML dinámicamente, y el" "innerhtml"La propiedad proporciona el contenido HTML de un elemento. Estos enfoques se pueden aplicar para crear un elemento en el código JavaScript y agregarle una cadena HTML.
Sintaxis
documento.createElement ('ElementName');En esta sintaxis, "nombre de elemento"Se refiere al elemento HTML que debe crearse.
Ejemplo
Pasemos por la demostración establecida:
En el bloque de código anterior:
- En primer lugar, cree un elemento HTML llamado "pag" utilizando el "createElement ()" método.
- En el siguiente paso, agregue el elemento HTML establecido usando el "innerhtml" propiedad.
- Por último, muestre el elemento creado que acumula la cadena HTML analizada en la consola.
Producción
De la salida dada, se puede ver que el " Método 2: analice una cadena HTML en JavaScript usando el constructor DomParSer () y el método parseFromString () El "Domparser ()"El constructor crea el objeto DOM Parser, y el"parseFromString ()El método se utiliza para analizar la cadena de contenido al documento HTML o XML. Estos enfoques se pueden aplicar para analizar una cadena HTML especificando el tipo de documento. Sintaxis En esta sintaxis: Ejemplo Veamos las líneas de código declaradas a continuación: En el fragmento de código anterior: Producción En la salida anterior, es evidente que el nuevo analizador DOM se construye con éxito. Conclusión Para analizar una cadena HTML con JavaScript, use el "createElement ()"Método y"innerhtml"Propiedad o el"Domparser ()"Constructor y"parseFromString ()" método. Los enfoques anteriores se pueden usar para crear un elemento HTML en el código JS y analizar una cadena HTML particular. El último enfoque se puede aplicar para crear un nuevo objeto DOM analizador y analizar una cadena HTML especificando el tipo de documento. Este artículo sobre las estrategias para analizar una cadena HTML con JS.