Analizza una stringa HTML con JS - JavaScript

Osea Martini

Pur mantenendo i record in JavaScript, può esserci un requisito per mantenere più voci per utilizzarli in futuro. Ad esempio, aggiungendo varie funzionalità vitali HTML in JavaScript per sbarazzarsi dei loro effetti per un certo tempo. In tali situazioni, l'analisi di una stringa HTML con JS è di grande aiuto nel ridurre la complessità complessiva del codice.

Questo tutorial dimostrerà le strategie per analizzare una stringa HTML con JavaScript.

Come analizzare una stringa HTML usando JavaScript?

Per analizzare una stringa HTML con JavaScript, applica le seguenti strategie:

"createElement ()Metodo e "Innerhtml" proprietà.
"DomParser ()"Costruttore e"parseFromString ()" metodo.

Metodo 1: analizza una stringa HTML in JavaScript usando il metodo createElement () e la proprietà InnerHTML

IL "createElement ()"Il metodo viene utilizzato per generare un nodo per un elemento HTML dinamicamente e il"Innerhtml"La proprietà fornisce il contenuto HTML di un elemento. Questi approcci possono essere applicati per creare un elemento nel codice JavaScript e aggiungere una stringa HTML ad esso.

Sintassi

documento.createElement ('ElementName');

In questa sintassi, "ElementName"Si riferisce all'elemento HTML che deve essere creato.

Esempio

Passiamo attraverso la dimostrazione di seguito:

Nel blocco del codice sopra:

In primo luogo, crea un elemento HTML chiamato "P" usando il "createElement ()" metodo.
Nel passaggio successivo, aggiungi l'elemento HTML indicato usando "Innerhtml" proprietà.
Infine, visualizzare l'elemento creato che accumula la stringa HTML analizzata sulla console.

Produzione

Dall'output indicato, si può vedere che il "

Metodo 2: analizza una stringa HTML in JavaScript usando il costruttore DomParser () e il metodo ParseFromString ()

IL "DomParser ()"Il costruttore crea l'oggetto parser DOM e"parseFromString ()"Il metodo viene utilizzato per analizzare la stringa contenente al documento HTML o XML. Questi approcci possono essere applicati per analizzare una stringa HTML specificando il tipo di documento.

Sintassi
documento.ParseFromString (String, 'MimeType')
In questa sintassi:

"corda"Corrisponde all'elemento che deve essere analizzato nel documento.

"MimeType"Indica il tipo di documento che invoca il tipo di parser.

Esempio

Passiamo attraverso le righe di codice di seguito:

Nel frammento di codice sopra:

In primo luogo, crea un nuovo oggetto DOM parser usando "nuovo"Parola chiave e"DomParser ()"Costruttore, rispettivamente.

Nel passaggio successivo, associare l'oggetto creato al "parseFromString ()"Metodo per analizzare il valore della stringa indicato.

IL "testo/html"Nel parametro del metodo specifica che la stringa analizzata è un documento HTML.

Infine, visualizza la stringa HTML analizzata sulla console.

Produzione

Nell'output di cui sopra, è evidente che il nuovo parser DOM è costruito con successo.

Conclusione

Per analizzare una stringa HTML con JavaScript, usa "createElement ()Metodo e "Innerhtml"Proprietà o"DomParser ()"Costruttore e"parseFromString ()" metodo. I primi approcci possono essere utilizzati per creare un elemento HTML nel codice JS e analizzare una particolare stringa HTML. Quest'ultimo approccio può essere applicato per creare un nuovo oggetto DOM parser e analizzare una stringa HTML specificando il tipo di documento. Questo articolo ha discusso delle strategie per analizzare una stringa HTML con JS.

« Come conoscere il nome utente del tuo computer in Windows Top 10

Rendi il primo carattere maiuscolo in CSS »

MySQL MariaDB

Come trovare un personaggio specifico in mysql?

Un carattere specifico può essere trovato in MySQL utilizzando gli operatori simili e regexp o le fu...

Artemide Ricci

Idiota

Come funziona Git?

Il lavoro GIT consiste nella area di lavoro per l'aggiunta di modifiche, l 'indice di gestione tempo...

Felicia Giuliani

Idiota

Come forzare il checkout Git?

Per forzare il checkout GIT, spostati nel repository root git> ls> start> git aggiungi> stato git> e...

Osea Martini