English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Oggetto Elemento HTML DOM

Oggetto Element Element

L'oggetto Element rappresenta un elemento HTML, ad esempio <p>, <div>, <a>, <form> o qualsiasi altro elemento HTML.

L'oggetto Element possiede vari metodi e proprietà comuni a tutti gli elementi.

Proprietà dell'oggetto Element

Di seguito è riportato un elenco delle proprietà dell'oggetto Element:

AttributiDescrizione
accessKeyImposta o restituisce il valore dell'attributo 'accesskey' dell'elemento
attributesRestituisce il NamedNodeMap degli attributi dell'elemento
childElementCountRestituisce il numero di figli dell'elemento
childNodesRestituisce l'elenco dei figli dell'elemento (inclusi i nodi di testo e i commenti)
childrenRestituisce l'elenco dei figli dell'elemento (escludendo i nodi di testo e i commenti)
classListRestituisce il nome della classe dell'elemento
classNameImposta o restituisce il valore dell'attributo 'class' dell'elemento
clientHeightRestituisce l'altezza dell'elemento, inclusi i margini
clientLeftRestituisce la larghezza del bordo sinistro dell'elemento
clientTopRestituisce la larghezza del bordo superiore dell'elemento
clientWidthRestituisce la larghezza dell'elemento, inclusi i margini
contentEditableImposta o restituisce se il contenuto dell'elemento è modificabile
dirImposta o restituisce il valore dell'attributo 'dir' dell'elemento
firstChildRestituisce il primo figlio dell'elemento
firstElementChildRestituisce il primo figlio dell'elemento (escludendo i nodi di testo e i commenti)
idImposta o restituisce il valore dell'attributo id dell'elemento
innerHTMLImposta o restituisce il contenuto dell'elemento
innerTextImposta o restituisce il contenuto testuale del nodo e dei suoi discendenti
isContentEditableRestituisce true se il contenuto dell'elemento è modificabile; altrimenti restituisce false
langImposta o restituisce il valore dell'attributo lang dell'elemento
lastChildRestituisce l'ultimo figlio dell'elemento
lastElementChildRestituisce l'ultimo figlio dell'elemento (esclusi i nodi di testo e i nodi commento)
namespaceURIRestituisce l'URI dello spazio dei nomi dell'elemento
nextSiblingRestituisce il nodo successivo allo stesso livello della gerarchia del nodo
nextElementSiblingRestituisce l'elemento successivo allo stesso livello della gerarchia del nodo (esclusi i nodi di testo e i nodi commento)
nodeNameRestituisce il nome del nodo
nodeTypeRestituisce il tipo del nodo
nodeValueImposta o restituisce il valore del nodo
offsetHeightRestituisce l'altezza dell'elemento, inclusi il riempimento, i bordi e le barre di scorrimento
offsetWidthRestituisce la larghezza dell'elemento, inclusi il riempimento, i bordi e le barre di scorrimento
offsetLeftRestituisce la posizione orizzontale dell'elemento
offsetParentRestituisce il contenitore dell'offset dell'elemento
offsetTopRestituisce la posizione verticale dell'elemento
ownerDocumentRestituisce l'elemento radice (oggetto documento)
parentNodeRestituisce il nodo genitore dell'elemento
parentElementRestituisce l'elemento genitore dell'elemento
previousSiblingRestituisce il nodo precedente allo stesso livello della gerarchia del nodo
previousElementSiblingRestituisce l'elemento precedente allo stesso livello della gerarchia del nodo (esclusi i nodi di testo e i nodi commento)
scrollHeightRestituisce un numero che rappresenta l'altezza della vista di scorrimento dell'elemento
scrollLeftImposta o restituisce il numero di pixel di scorrimento orizzontale del contenuto dell'elemento
scrollTopImposta o restituisce il numero di pixel di scorrimento verticale del contenuto dell'elemento
scrollWidthRestituisce un numero che rappresenta la larghezza della vista di scorrimento dell'elemento
styleImposta o restituisce il valore dell'attributo style dell'elemento
tabIndexImposta o restituisce il valore dell'attributo tabindex dell'elemento
tagNameRestituisce il nome del tag dell'elemento
textContentImposta o restituisce il contenuto testuale del nodo e dei suoi discendenti
titleImposta o restituisce il valore dell'attributo title dell'elemento

Metodi dell'oggetto Elemento

La tabella sottostante elenca i metodi dell'oggetto Element:

MetodoDescrizione
addEventListener()Aggiunge un gestore di eventi all'elemento specificato
appendChild()Aggiunge un nuovo figlio all'elemento come ultimo figlio
blur()Rimuove il focus dall'elemento
cloneNode()Clona l'elemento
click()Simula un clic del mouse sull'elemento
compareDocumentPosition()Confronta la posizione del documento di due elementi
contains()Restituisce true se il nodo è un discendente del nodo; altrimenti restituisce false
focus()Mette l'elemento in evidenza
getAttribute()Restituisce il valore dell'attributo specificato del nodo dell'elemento
getAttributeNode()Restituisce il nodo di attributo specificato
getBoundingClientRect()Restituisce la dimensione dell'elemento e la sua posizione rispetto alla viewport
getElementsByClassName()Restituisce l'elenco di tutti i figli con il nome di classe specificato
getElementsByTagName()Restituisce l'elenco di tutti i figli con il nome di etichetta specificato
hasAttribute()Restituisce true se l'elemento ha l'attributo specificato; altrimenti restituisce false
hasAttributes()Restituisce true se l'elemento ha qualsiasi attributo; altrimenti restituisce false
hasChildNodes()Restituisce true se l'elemento ha qualsiasi figlio; altrimenti restituisce false
insertAdjacentElement()Inserisce un elemento HTML nella posizione specificata rispetto all'elemento corrente
insertAdjacentHTML()Inserisce il testo HTML nella posizione specificata rispetto all'elemento corrente
insertAdjacentText()Inserisce il testo nella posizione specificata rispetto all'elemento corrente
insertBefore()Inserisce un nuovo figlio prima del figlio esistente specificato
isDefaultNamespace()Restituisce true se l'namespaceURI specificato è di default; altrimenti restituisce false
isEqualNode()Controlla se due elementi sono uguali
isSameNode()Controlla se due elementi si trovano sullo stesso nodo
isSupported()Restituisce true se l'elemento supporta la funzionalità specificata
normalize()Connette i nodi di testo adiacenti, e elimina i nodi di testo vuoti nell'elemento
querySelector()Restituisce il primo figlio dell'elemento che corrisponde al selettore CSS specificato
querySelectorAll()Restituire tutti i figli dell'elemento che corrispondono al selettore CSS specificato
removeAttribute()Eliminare l'attributo specificato dall'elemento
removeAttributeNode()Eliminare il nodo attributo specificato, e restituire il nodo eliminato
removeChild()Eliminare un nodo figlio dall'elemento
removeEventListener()Eliminare l'elaboratore degli eventi aggiunto al metodo addEventListener()
replaceChild()Sostituire i nodi figli dell'elemento
requestFullscreen()Visualizzare l'elemento in modalità a schermo intero
scrollIntoView()Fare scorrere l'elemento specificato nella visibilità della finestra del browser
setAttribute()Impostare o modificare il valore specificato dell'attributo specificato
setAttributeNode()Impostare o modificare il nodo attributo specificato
toString()Convertire un elemento in una stringa