Latest web development tutorials

HTML metodi DOM

Il metodo è un'azione che possiamo eseguire sul nodo (elementi HTML).


Interfaccia di programmazione

Con JavaScript (e altri linguaggi di programmazione) in HTML DOM accesso.

Tutti gli elementi HTML sono definiti come un oggetto, e l'interfaccia di programmazione è il metodo oggetto e le proprietà degli oggetti.

Il metodo è un'operazione (come l'aggiunta o modificare gli elementi) che è possibile eseguire.

La proprietà è che si può ottenere o valore impostato (ad esempio, il nome del nodo o il contenuto).


Metodo getElementById ()

getElementById () restituisce l'elemento con l'ID specificato:

Esempi

var element=document.getElementById("intro");

Prova »


HTML DOM oggetti - metodi e proprietà

Alcuni metodi DOM HTML comunemente utilizzati:

  • getElementById (id) - Get nodo (elemento) con l'id specificato
  • appendChild (node) - inserire un nuovo nodo figlio (elemento)
  • removeChild (nodo) - Rimuove il nodo figlio (elemento)

Alcuni comunemente usato HTML DOM attributi:

  • innerHTML - nodo (elemento di) valore di testo
  • parentNode - nodi (elementi) del nodo padre
  • childNodes - nodo (elemento) del nodo figlio
  • attributi - nodo (elemento) nodo attributo

In questo tutorial imparerete di più sul prossimo capitolo di proprietà.


oggetti della vita reale

Una persona è un oggetto.

Un approccio potrebbe essere quello di mangiare (), dormire (), il lavoro (), play (), e così via.

Questi metodi hanno tutti, ma saranno eseguite in tempi diversi.

di proprietà di una persona, compreso il loro nome, altezza, peso, età, sesso e così via.

Ognuno ha queste proprietà, ma i loro valori variano.


Alcuni metodi di oggetti DOM

Ecco alcuni metodi comuni che avete imparato in questo tutorial per:

modo descrizione
getElementById () Restituisce l'elemento con l'ID specificato.
getElementsByTagName () Restituisce una lista di nodi (array set / nodo) che contiene tutti gli elementi con il nome tag specificato.
getElementsByClassName () Restituisce un elenco di tutti gli elementi con il nodo specificato contiene il nome della classe.
appendChild () Per aggiungere un nuovo nodo figlio al nodo specificato.
removeChild () Rimuove il nodo figlio.
replaceChild () Sostituire nodi figlio.
insertBefore () Inserire un nuovo nodo figlio davanti nodo figlio specificato.
createAttribute () Crea nodo attributo.
createElement () Crea un nodo elemento.
createTextNode () Creare un nodo di testo.
getAttribute () Restituisce i valori degli attributi specificati.
setAttribute () Per impostare o modificare il valore specificato della proprietà specificata.