Metodi e proprietà HTML DOM

JavaScript può anche accedere al modello di oggetti documenti HTML (DOM) simile ad altri linguaggi di programmazione. Tutti gli elementi HTML sono definiti come "oggetti"Nel DOM, dove ogni oggetto ha una serie di metodi e proprietà. La proprietà DOM HTML è un valore che può essere recuperato o modificato e il metodo DOM HTML è un'azione che è possibile eseguire per elementi HTML, ad esempio, eliminazione degli elementi HTML.

Questo articolo discuterà dei metodi e delle proprietà DOM HTML. Inoltre, forniremo anche elenchi separati dei metodi e delle proprietà DOM HTML più utili in JavaScript. Quindi iniziamo!

Metodi DOM HTML

IL "Azioni"L'esecuzione su elementi HTML sono chiamati metodi DOM HTML. È possibile utilizzare i metodi DOM HTML come principiante JavaScript per generare i risultati richiesti senza fare troppo sforzo e scrivere un mucchio di codice. I metodi DOM HTML possono aiutarti a semplificare l'attività.

Nella tabella seguente, abbiamo compilato alcuni dei metodi DOM HTML che possono essere utilizzati su tutti gli elementi HTML:

Metodi DOM HTML	Descrizione
addEventListener ()	IL "addEventListener ()"Il metodo DOM HTML è utilizzato per attaccare un gestore di eventi a un particolare elemento.
appendChild ()	IL "appendChild ()"Il metodo viene utilizzato per aggiungere un nuovo nodo figlio per un elemento.
sfocatura()	IL "sfocatura()"Il metodo viene utilizzato per eliminare l'attenzione da un elemento HTML.
clic()	IL "clic()"Il metodo mette un clic del mouse su un elemento HTML.
clonenode ()	IL "clonenode ()"Il metodo viene utilizzato per clonare un elemento.
più vicina()	IL "più vicina()"Il metodo DOM HTML viene utilizzato per la ricerca dell'albero DOM per l'elemento più vicino, che corrisponde a un selettore CSS specificato.
CompostaCumentPosition ()	IL "CompostaCumentPosition ()"Il metodo DOM HTML viene utilizzato per confrontare la posizione del documento di due mlelement HTMlements.
Esci dalla modalità schermo intero()	IL "esistenza screen ()"La proprietà annulla un elemento in modalità a schermo intero.
messa a fuoco()	IL "messa a fuoco()"Metodo DOM HTML per l'assegnazione della messa a fuoco a un elemento HTML.
getAttribute ()	IL "getAttribute ()"Il metodo DOM HTML visualizza il valore dell'attributo di un elemento.
getAttributeNode ()	IL "getAttributeNode ()"Il metodo DOM HTML visualizza il nodo attributo specificato.
getBoundingClientRect ()	IL "getBoundingClientRect ()"Il metodo DOM HTML emette la posizione e la dimensione di un elemento relativo alla vista.
getElementsByClassName ()	IL "getElementByClassName ()"Il metodo DOM HTML visualizza l'elenco degli elementi figlio di una particolare classe.
getElementsByTagName ()	IL "getElementsByTagName ()"Il metodo DOM HTML visualizza l'elenco degli elementi figlio di un tag particolare.
HasAttribute ()	IL "HasAttribute ()"Il metodo DOM HTML emette vero se un elemento ha l'attributo aggiunto, altrimenti questo metodo restituisce false.
haschildnodes ()	IL "haschildnodes ()"Il metodo DOM HTML emette vero se un particolare elemento ha nodi figlio, altrimenti questo metodo restituisce falso.
insertAdJacentelement ()	IL "insertAdJacentelement ()"Il metodo DOM HTML viene utilizzato per l'inserimento di un elemento HTML in una particolare posizione relativa all'elemento attivo.
insertAdJacenthtml ()	IL "insertAdJacenthtml ()"Il metodo DOM HTML è utilizzato per l'inserimento di un testo formattato HTML in una particolare posizione relativa all'elemento attivo.
insertAdJacentText ()	IL "insertAdJacentText ()"Il metodo DOM HTML è utilizzato per l'inserimento del testo in una particolare posizione relativa all'elemento attivo.
insertBefore ()	IL "insertBefore ()"Il metodo HTML viene utilizzato per l'inserimento di un nuovo nodo figlio prima di un nodo figlio esistente.
isDefaultNamespace ()	IL "isDefaultNamespace ()"Il metodo DOM HTML emette vero se un particolare namespaceuri è impostato come predefinito, altrimenti questo metodo emette false.
isEqualNode ()	IL "isEqualNode ()"Il metodo viene utilizzato per il controllo se due elementi HTML sono uguali o no.
Issamenode ()	IL "Issamenode ()"Il metodo DOM HTML viene utilizzato per verificare se due elementi HTML sono lo stesso nodo o no.
è supportato()	IL "è supportato()"Il metodo DOM HTML emette vero se una particolare funzione è supportata per l'elemento HTML.
corrispondenze ()	IL "corrispondenze ()"Il metodo emette un valore booleano che indica se un selettore CSS specifico corrisponde o meno a un elemento.
normalizzare()	IL "normalizzare()"Il metodo DOM HTML viene utilizzato per unire i nodi di testo adiacenti e per eliminare i nodi di testo vuoti da un elemento HTML.
QuerySelector ()	IL "QuerySelector ()"Il metodo DOM HTML viene utilizzato per produrre il primo elemento figlio che viene abbinato a un particolare selettore CSS di un elemento HTML.
QuerySelectorAll ()	IL "QuerySelectorAll ()"Il metodo restituisce tutti gli elementi figlio che corrispondono a un selettore CSS specificato di un elemento.
rimuovere()	IL "rimuovere()"Il metodo HTML DOM viene utilizzato per la rimozione di un particolare elemento HTML da DOM.
removeattribute ()	IL "removeattribute ()"Il metodo DOM HTML viene utilizzato per la rimozione di un particolare attributo da un elemento HTML.
RemoveAttributeNode ()	IL "RemoveAttributeNode ()"Il metodo DOM HTML elimina il nodo attributo aggiunto e lo mostra come output.
removechild ()	IL "removechild ()"Il metodo DOM HTML viene utilizzato per la rimozione di un particolare nodo figlio da un elemento HTML.
Rimodomina eventListener ()	IL "Rimodomina eventListener ()"Il metodo DOM HTML è utilizzato per la rimozione di un gestore di eventi allegati.
sostituzione ()	IL "sostituzione ()"Il metodo DOM HTML viene utilizzato per sostituire un nodo figlio da un elemento HTML.
requestfullScreen ()	IL "requestfullscreen () "Il metodo DOM HTML è utilizzato per mostrare l'elemento HTML in modalità a schermo intero.
ScrollIntOview ()	IL "ScrollIntOview ()"Il metodo DOM HTML viene utilizzato per scorrere un particolare elemento HTML nell'area visibile del browser.
setAttribute ()	IL "setAttribute ()"Il metodo DOM HTML viene utilizzato per l'impostazione degli attributi sul valore aggiunto.
setAttributeNode ()	IL "setAttributeNode ()"Il metodo DOM HTML viene utilizzato per la modifica o la visualizzazione del nodo attributo specificato.
accordare()	IL "accordare()"Il metodo DOM HTML viene utilizzato per convertire un elemento in una stringa.

Proprietà Dom HTML

I valori che è possibile impostare o modificare gli elementi HTML sono chiamati proprietà Dom HTML. Le proprietà HTML sono definite da DOM, che può essere facilmente modificata utilizzando le proprietà DOM HTML predefinite.

Ora, controlla la tabella di seguito donata; Abbiamo compilato alcune delle proprietà DOM HTML che possono essere utilizzate su tutti gli elementi HTML:

Proprietà Dom HTML	Descrizione
chiave di accesso	IL "chiave di accesso"Imposta o restituisce la proprietà AccessKey HTML DOM.
attributi	IL "attributi"La proprietà DOM HTML emette un nomeNodeMap denominato dell'attributo di un elemento HTML.
ActiveSelement	IL "ActiveSelement"La proprietà ottiene l'elemento attualmente attivo.
ChildElementCount	IL "ChildElementCount"La proprietà DOM HTML viene utilizzata per la visualizzazione del numero totale di elementi figlio di un elemento HTML.
neghnodes	IL "neghnodes"La proprietà DOM HTML emette i nodi figlio di un elemento HTML.
classlist	IL "classlist"La proprietà HTML DOM restituisce il nome della classe di un elemento.
nome della classe	IL "nome della classe"La proprietà DOM HTML viene utilizzata per la modifica o la visualizzazione del valore del nome della classe HTML.
ClientHeight	IL "ClientHeight"La proprietà DOM HTML emette l'altezza dell'elemento HTML.
ClientLeft	IL "ClientLeft"La proprietà DOM HTML viene utilizzata per la visualizzazione della larghezza del bordo sinistro di un elemento HTML.
ClientTop	IL "ClientTop"La proprietà DOM HTML è utilizzata per la visualizzazione della larghezza del bordo superiore di un elemento HTML.
ClientWidth	IL "ClientWidth"La proprietà restituisce o produce la larghezza di un elemento, che include imbottitura.
ContentEdible	IL "ContentEdible"Proprietà DOM HTML imposta o restituisce se il contenuto di un elemento è modificabile o no.
Dir	IL "Dir"La proprietà DOM HTML viene utilizzata per la modifica o la visualizzazione del valore DIR di un elemento.
Primogenito	IL "Primogenito"La proprietà DOM HTML viene utilizzata per la visualizzazione del primo nodo figlio di un elemento HTML.
FirstElementChild	IL "FirstElementChild"La proprietà DOM HTML viene utilizzata per la visualizzazione del primo elemento figlio di un elemento HTML.
id	IL "id"La proprietà DOM HTML viene utilizzata per la modifica e la visualizzazione del valore dell'attributo ID di un elemento.
Innerhtml	IL "Innerhtml"La proprietà DOM HTML viene utilizzata per la modifica e la visualizzazione del contenuto dell'elemento.
testo interno	IL "testo interno"La proprietà DOM HTML viene utilizzata per la modifica e la visualizzazione del contenuto di testo del nodo e i suoi discendenti.
iscontento	IL "iscontento"La proprietà HTML DOM viene utilizzata per il controllo se il contenuto di un elemento è modificabile o no.
Lang	IL "Lang"La proprietà DOM HTML è utilizzata per l'impostazione del valore dell'attributo Lang di un elemento HTML.
ultimo bambino	IL "ultimo bambino"La proprietà restituisce l'ultimo nodo figlio di Elements.
LielementChild	IL "LielementChild"La proprietà DOM HTML viene utilizzata per visualizzare l'ultimo elemento figlio di un elemento.
namespaceuri	IL "namespaceurl"La proprietà DOM HTML viene utilizzata per produrre l'URI Spazio dei nomi di un elemento HTML.
Nextsibling	IL "Nextsibling"La proprietà DOM HTML viene utilizzata per la visualizzazione del nodo successivo a livello di albero.
NextElementsibling	IL "NextElementsibling"La proprietà DOM HTML viene utilizzata per la visualizzazione del prossimo elemento HTML a livello di albero.
NODENAME	IL "NODENAME"La proprietà DOM HTML emette il nome del nodo.
NodeType	IL "NodeType"La proprietà DOM HTML viene utilizzata per la visualizzazione del tipo di nodo.
nodivalue	IL "nodivalue"La proprietà DOM HTML viene utilizzata per la visualizzazione o la modifica del valore del nodo.
PROPRIETTORIO	IL "PROPRIETTORIO"Proprietà imposta o restituisce l'elemento root o il documento per un elemento.
parentele	IL "parentele"La proprietà DOM HTML viene utilizzata per la visualizzazione del nodo genitore di un elemento.
parentelement	IL "parentelement"La proprietà DOM HTML viene utilizzata per la visualizzazione dell'elemento principale dell'elemento HTML.
precedente	IL "precedente"La proprietà DOM HTML viene utilizzata per la visualizzazione del fratello precedente dell'elemento HTML.
Precedentilementment	IL "Precedentilementment"La proprietà DOM HTML viene utilizzata per la visualizzazione del fratello dell'elemento HTML precedente.
Scrollheight	IL "Scrollheight"La proprietà DOM HTML viene utilizzata per la visualizzazione dell'altezza di un elemento HTML.
stile	IL "stile"La proprietà DOM HTML viene utilizzata per la modifica o la visualizzazione del valore dell'attributo di un elemento HTML.
Tabindex	IL "Tabindex"La proprietà DOM HTML viene utilizzata per la modifica o la visualizzazione del valore dell'indice della scheda dell'attributo di un elemento HTML.
Tagname	IL "Tagname"La proprietà DOM HTML viene utilizzata per la visualizzazione del nome del tag di un elemento.
TextContent	IL "TextContent"La proprietà DOM HTML viene utilizzata per la modifica o la visualizzazione del contenuto testuale di un nodo.
titolo	IL "titolo"È utilizzato per modificare o visualizzare il valore dell'attributo del titolo dell'elemento HTML.
Script	IL "Script"La proprietà viene utilizzata per ottenere tutti gli elementi di script.
Stricterrorchecking	IL "Stricterrorchecking"La proprietà viene utilizzata per l'impostazione dell'errore che controlla la modalità rigorosa.
URL	IL "URL"La proprietà HTML DOM viene utilizzata per ottenere l'intero URL di un documento HTML.

Conclusione

Un elemento HTML definito come un oggetto ha alcune proprietà e metodi DOM. Metodi DOM HTML Specificare l'azione che si desidera eseguire sull'elemento HTML, mentre le proprietà DOM HTML sono i valori che si desidera ottenere o impostare per un particolare oggetto o elemento HTML. Questo articolo ha discusso dei metodi e delle proprietà DOM HTML. Inoltre, abbiamo anche fornito elenchi separati dei metodi e delle proprietà DOM HTML più utili in JavaScript.