Latest web development tutorials

oggetto elemento HTML DOM

nodo HTML DOM

HTML DOM (Document Object Model) in ogni nodo cose sono:

  • Il documento è di per sé un oggetto documento
  • Tutti gli elementi HTML sono un nodo elemento
  • Tutti gli attributi HTML sono i nodi di attributi
  • elementi HTML sono inseriti nel testo del nodo di testo
  • I commenti sono nodi di commenti

oggetto Element

In HTML DOM, l'oggetto elemento rappresenta un elemento HTML.

I bambini degli oggetti elemento può essere, può essere un nodo elemento, nodi di testo, i nodi di commento.

oggetto NodeList rappresenta una lista dei nodi, simile all'elemento HTML nodi figli raccolta.

Gli elementi possono avere attributi. Beni appartenenti ad attribuire nodo (vedere la sezione successiva).


Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tutti i browser principali supportano oggetto elemento e oggetto NodeList. .


Proprietà e metodi

Le proprietà di cui sopra e metodi che si applicano a tutti gli elementi HTML:

Proprietà / Metodo descrizione
elemento .accessKey Imposta o restituisce un elemento Accessibilità
elemento .addEventListener () Aggiungere un gestore di eventi per un elemento specificato
elemento .appendChild () L'aggiunta di un nuovo elemento per l'elemento figlio
.attributes elemento Esso restituisce un array di attributi di un elemento
.childNodes elemento Restituisce un array di elementi in un nodo figlio
elemento .classlist Restituisce il nome della classe dell'elemento, come oggetto DOMTokenList.
elemento .className Imposta o restituisce l'attributo class dell'elemento
elemento .clientHeight Restituisce il contenuto della pagina altezza visibile (non inclusi bordi, margini, o barre di scorrimento)
elemento .clientWidth Restituisce il contenuto della pagina visibile in larghezza (esclusi i confini, i margini, o barre di scorrimento)
elemento .cloneNode () Clonazione di un elemento
elemento .compareDocumentPosition () Documento Località per confrontare due elementi.
elemento .contentEditable Imposta o restituisce se il contenuto dell'elemento modificabile
elemento .dir Imposta o restituisce un elemento nella direzione del testo
elemento .firstChild Restituisce il primo figlio dell'elemento
elemento .focus () Set di documenti o di guadagno elemento fuoco
elemento .getAttribute () Restituisce i valori degli attributi dell'elemento specificato
elemento .getAttributeNode () Restituisce il nodo attributo specificato
elemento .getElementsByTagName () Restituisce il nome del tag di una raccolta di tutti gli elementi figlio.
Elemento. getElementsByClassName () Restituisce tutti gli elementi nel documento specificare il nome della classe della collezione, come oggetto NodeList.
elemento .getFeature () Restituisce le caratteristiche specificate dell'oggetto per eseguire le API.
elemento .getUserData () Ritorna un oggetto associato con l'elemento chiave.
elemento .hasAttribute () Se la proprietà specificata esiste ritorna elemento vero, altrimenti restituisce falso.
.hasAttributes element () Se non vi è alcuna proprietà elemento restituisce vero, altrimenti restituisce falso.
.hasChildNodes element () Restituisce se un elemento ha alcun elemento di bambini
elemento .hasfocus () Restituisce un valore booleano, rilevando se l'attenzione documento o elemento di guadagno
elemento .id Imposta o restituisce id dell'elemento.
elemento .innerHTML Imposta o restituisce il contenuto dell'elemento.
elemento .insertBefore () Inserire un nuovo elemento figlio prima che l'elemento secondario esistente
elemento .isContentEditable Se il contenuto elemento ritorna modificabili vero, false altrimenti
elemento .isDefaultNamespace () Se il namespaceURI restituisce true, altrimenti restituisce false.
elemento .isEqualNode () Controllare i due elementi sono uguali
elemento .isSameNode () Controllare i due elementi hanno tutti lo stesso nodo.
elemento .isSupported () Se funzioni supportate specificate nell'elemento restituisce true.
elemento .lang Imposta o restituisce la lingua di un elemento.
elemento .lastChild elemento ultimo figlio è tornato
elemento .namespaceURI Restituisce lo spazio dei nomi URI.
elemento .nextSibling Seguito da un ritorno di quell'elemento
elemento .nodeName Restituisce il nome del tag dell'elemento (maiuscolo)
elemento .nodeType Restituisce il tipo di nodo di elemento
elemento .nodeValue Restituisce il valore del nodo dell'elemento
elemento .normalize () Quindi questa è diventata una forma "normale" in cui solo la struttura (ad esempio, elementi, commenti, istruzioni di elaborazione, sezioni CDATA, e riferimenti ad entità) I nodi di testo distanziati, cioè gli elementi (compresa la proprietà) tutti i nodi di testo qui sotto, non sono né adiacenti nodi di testo né nodi di testo vuoti
elemento .offsetHeight Restituisce un elemento di qualsiasi altezza, compreso il bordo e riempimento, ma non il margine
elemento .offsetWidth Restituisce la larghezza dell'elemento, inclusi bordi e padding, ma non margini
elemento .offsetLeft Restituisce l'elemento corrente di un orizzontale offset relativo offset di posizione del contenitore
elemento .offsetParent Restituisce l'elemento contenitore di offset
elemento .offsetTop Restituisce l'elemento corrente relativo offset verticale del contenitore di offset
elemento .ownerDocument Restituisce l'elemento del elemento radice (Document Object)
elemento .parentNode Restituisce il nodo padre di un elemento
elemento .previousSibling Restituisce un elemento immediatamente precedente elemento
elemento .querySelector () Ritorno abbinare l'elemento selettore CSS specificato è il primo elemento figlio
document.querySelectorAll () Restituisce il selettore CSS specificato corrisponde l'elemento elenco dei nodi di tutti i sub-elementi
elemento .removeAttribute () Rimuove l'attributo specificato dall'elemento
elemento .removeAttributeNode () Rimuove il nodo attributo specificato e restituisce la rimozione nodo dopo.
elemento .removeChild () Per eliminare un sotto-elemento
elemento .removeEventListener () Rimuovere la maniglia dal metodo addEventListener () per aggiungere un evento
elemento .replaceChild () Sostituire un elemento figlio
elemento .scrollHeight Restituisce l'altezza l'intero elemento (anche con luogo nascosto della barra di scorrimento)
elemento .scrollLeft Restituisce dalla vista corrente degli elementi reali del bordo sinistro e il bordo sinistro
elemento .scrollTop Indietro dal bordo superiore e una vista dall'alto degli elementi effettivi del bordo fra la corrente
elemento .scrollWidth Restituisce intera larghezza dell'elemento (anche con luogo nascosto della barra di scorrimento)
elemento .setAttribute () Impostare o modificare le proprietà specificate e il valore specificato.
elemento .setAttributeNode () Impostare o modificare il nodo attributo specificato.
elemento .setIdAttribute ()
elemento .setIdAttributeNode ()
elemento .setUserData () Nella elemento associato all'oggetto chiave specificata.
elemento .style Imposta o restituisce l'attributo style dell'elemento
elemento .tabIndex Imposta o restituisce l'ordine di tabulazione degli elementi.
elemento .tagName Come un nome di tag stringa di un elemento (maiuscolo)
elemento .textContent Imposta o restituisce un nodo e il suo contenuto di testo
.title elemento Imposta o restituisce l'attributo title dell'elemento
elemento .toString () Un elemento in una stringa
.item NodeList () Restituisce l'indice di un elemento nell'albero del documento base
.length NodeList Restituisce il numero di nodi nella lista dei nodi.