Oggetto HTMLElement XML DOM

L'oggetto HTMLElement rappresenta un elemento in HTML.

Proprietà dell'oggetto HTMLElement

Ogni elemento in un documento HTML ha un attributo corrispondente all'attributo HTML dell'elemento. Ecco elencati tutti gli attributi supportati da tutti i tag HTML. Gli altri attributi sono specifici di un tipo di tag HTML specifico. L'oggetto HTMLElement ha ereditato Node e Element Proprietà standard dell'oggetto, che ha anche implementato diversi attributi non standard descritti di seguito:

className

Definisce l'attributo class dell'elemento. Nota: il nome dell'attributo non è "class", perché "class" è una parola riservata in JavaScript.

Tipo: Stringa. Stato: Scrivibile.

currentStyle

Questo attributo specifico di IE si applica a tutti i gruppi di attributi CSS dell'elemento. È un'alternativa solo per IE di Window.getComputedStyle().

Tipo: Stringa. Stato: Scrivibile.

dir

Definisce l'attributo dir dell'elemento, che dichiara la direzione del testo del documento.

Tipo: Stringa. Stato: Scrivibile.

id

Definisce l'attributo id dell'elemento. In un documento, non ci sono due elementi con lo stesso valore di id.

Tipo: Stringa. Stato: Scrivibile.

innerHTML

Definisce la stringa contenuta dall'elemento, escludendo il tag di inizio e di fine dell'elemento stesso. La query di questo attributo restituirà il contenuto dell'elemento come una stringa HTML. Se si imposta questo attributo come una stringa HTML, si può sostituire il contenuto dell'elemento con l'indicazione di parsing dell'HTML. Non è possibile impostare questo attributo durante il caricamento del documento. Questo è un attributo non standard derivato da IE4, che è stato supportato da tutti i browser moderni.

Tipo: Stringa. Stato: Scrivibile.

lang

L'attributo lang dell'elemento definisce il codice di lingua del contenuto dell'elemento.

Tipo: Stringa. Stato: Scrivibile.

offsetHeight, offsetWidth

Restituisce l'altezza e la larghezza dell'elemento in pixel. Questa è una proprietà non standard ma ben supportata.

Tipo: intero. Stato: Lettura.

offsetLeft

Restituisce l'offset dell'elemento sinistro alla sua parte sinistra del contenitore in pixel.

Tipo: intero. Stato: Lettura.

offsetTop

Restituisce l'offset dell'elemento superiore alla sua parte superiore del contenitore in pixel.

Tipo: intero. Stato: Lettura.

offsetParent

Restituisce un riferimento all'elemento contenitore dinamicamente posizionato più recente, con tutti gli offset calcolati rispetto a questo elemento. Se lo stile display dell'elemento è impostato su none, questa proprietà restituisce null. Questa è una proprietà non standard ma ben supportata.

Tipo:Node. Stato: Lettura.

scrollHeight, scrollWidth

Restituisce l'altezza e la larghezza completa dell'elemento in pixel. Quando un elemento ha una barra di scorrimento (ad esempio a causa dell'attributo CSS overflow), queste proprietà sono diverse da offsetHeight e offsetWidth, che solo riportano le dimensioni visibili dell'elemento. Questa è una proprietà non standard ma ben supportata.

Tipo: intero. Stato: Lettura.

scrollTop, scrollLeft

Imposta o restituisce il numero di pixel scollati al bordo sinistro o superiore dell'elemento. Questi pixel sono utili solo quando l'elemento ha una barra di scorrimento, ad esempio quando l'attributo CSS overflow dell'elemento è impostato su auto. Questi attributi sono definiti solo sul <body> o <html> del documento (questo dipende dal browser) e insieme determinano la posizione di scorrimento del documento. Attenzione, queste proprietà non specificano la quantità di scorrimento di un <iframe>. Questa è una proprietà non standard ma ben supportata.

Tipo: intero. Stato: Scrivibile.

style

Restituisce il valore dell'attributo style CSS inline impostato per l'elemento corrente. Attenzione, il valore di questo attributo non è una stringa.

Tipo:CSS2Properties. Stato: Lettura.

title

Stabilisce l'attributo title dell'elemento. Quando il mouse è sopra l'elemento, molti browser mostrano il valore di questo attributo nel "suggerimento" dell'elemento.

Tipo: Stringa. Stato: Scrivibile.

metodi dell'oggetto HTMLElement

L'oggetto HTMLElement eredita Node e Element metodi standard dell'oggetto. Alcuni tipi di elementi implementano metodi specifici per il tag, CodeW3C.com su Manuale di riferimento HTML DOMLe pagine di riferimento delle etichette forniscono informazioni su questi metodi.

La maggior parte dei browser moderni ha implementato i seguenti metodi non standard:

Metodo Descrizione
scrollIntoView() Scorri il documento. Porta l'elemento all'inizio o alla fine della finestra.

Gestori degli eventi dell'oggetto HTMLElement

Tutti gli elementi HTML che rispondono agli eventi del mouse e della tastiera possono scatenare i gestori degli eventi elencati qui. Alcuni elementi, come i link e i pulsanti, eseguono operazioni predefinite quando tali eventi si verificano. Per tali elementi, ulteriori dettagli possono essere trovatiPagina di riferimento dell'elemento specificotrovare.

Vedere Manuale di riferimento delle proprietà degli eventi HTML, per conoscere meglio i gestori degli eventi HTML.

Come ottenere informazioni più dettagliate sull'oggetto HTMLElement

Nel manuale di riferimento HTML DOM di CodeW3C.com, abbiamo creato pagine di riferimento speciali per gli oggetti DOM corrispondenti agli elementi HTML:

Manuale di riferimento HTML DOM

Pagine correlate

Manuale di riferimento XML DOM:Oggetto Documento

Manuale di riferimento XML DOM:getElementById() del Documento

Manuale di riferimento XML DOM:getElementsByTagName() del Documento