Analizza una stringa HTML con JS - JavaScript
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 In questa sintassi: Esempio Passiamo attraverso le righe di codice di seguito: Nel frammento di codice sopra: 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.