HTML DOM Nodi
In HTML DOM (Document Object Model) , è tutto un nodo:
- Il documento stesso è un nodo di documenti
- Tutti gli elementi HTML sono nodi elemento
- Tutti gli attributi HTML sono i nodi di attributi
- Testo all'interno di elementi HTML sono i nodi di testo
- I commenti sono nodi di commenti
L'Oggetto Element
Nel DOM HTML, l'oggetto Element rappresenta un elemento HTML.
Oggetti elemento può avere nodi figli del tipo nodi elemento, nodi di testo, o nodi di commento.
Un oggetto NodeList rappresenta una lista di nodi, come la raccolta di un elemento HTML di nodi figlio.
Gli elementi possono anche avere attributi. Gli attributi sono nodi di attributi (See next chapter) .
Supporto browser
| Oggetto | |||||
|---|---|---|---|---|---|
| Element | sì | sì | sì | sì | sì |
| NodeList | sì | sì | sì | sì | sì |
L'Oggetto Element e l'oggetto NodeList sono supportate in tutti i principali browser.
Proprietà e metodi
Le seguenti proprietà e metodi possono essere utilizzati su tutti gli elementi HTML:
| Proprietà / Metodo | Descrizione |
|---|---|
| element .accessKey | Imposta o restituisce accesskey attributo di un elemento |
| element . addEventListener() | Attribuisce un gestore di eventi per l'elemento specificato |
| element . appendChild() | Aggiunge un nuovo nodo figlio, ad un elemento, come ultimo nodo figlio |
| element .attributes | Restituisce un NamedNodeMap di attributi di un elemento |
| element . blur() | Rimuove fuoco da un elemento |
| element .childElementCount | Restituisce il numero di elementi secondari di un elemento ha |
| element .childNodes | Restituisce un insieme di nodi figli di un elemento (tra cui i nodi di testo e commento) |
| element .children | Restituisce un insieme di elementi figlio di un elemento (esclusi i nodi di testo e commento) |
| element .classList | Restituisce la classe name(s) di un elemento |
| element .className | Imposta o restituisce il valore della class attributo di un elemento |
| element . click() | Simula un clic del mouse su un elemento |
| element .clientHeight | Restituisce l'altezza di un elemento, tra cui imbottitura |
| element .clientLeft | Restituisce la larghezza del bordo sinistro di un elemento |
| element .clientTop | Restituisce la larghezza del bordo superiore di un elemento |
| element .clientWidth | Restituisce la larghezza di un elemento, tra cui imbottitura |
| element . cloneNode() | Cloni un elemento |
| element . compareDocumentPosition() | Confronta la posizione documento di due elementi |
| element . contains() | Restituisce true se un nodo è un discendente di un nodo, altrimenti false |
| element .contentEditable | Imposta o restituisce se il contenuto di un elemento è modificabile o meno |
| element .dir | Imposta o restituisce il valore della dir attributo di un elemento |
| element .firstChild | Restituisce il primo nodo figlio di un elemento |
| element .firstElementChild | Restituisce il primo elemento figlio di un elemento |
| element . focus() | Dà fuoco a un elemento |
| element . getAttribute() | Restituisce il specified valore di attributo di un nodo di elementi |
| element . getAttributeNode() | Restituisce il specified nodo attributo |
| element . getElementsByClassName() | Restituisce un insieme di tutti gli elementi figlio con il nome della classe specificato |
| element . getElementsByTagName() | Restituisce un insieme di tutti gli elementi figlio con il nome del tag specificato |
| element . getFeature() | Restituisce un oggetto che implementa le API di una caratteristica specifica |
| element . hasAttribute() | Restituisce true se un elemento ha il specified attributi, altrimenti false |
| element . hasAttributes() | Restituisce true se un elemento ha tutti gli attributi, altrimenti false |
| element . hasChildNodes() | Restituisce true se un elemento ha nodi figli, altrimenti false |
| element .id | Imposta o restituisce il valore id attributo di un elemento |
| element .innerHTML | Imposta o restituisce il contenuto di un elemento |
| element . insertBefore() | Inserisce un nuovo nodo figlio prima di una, già esistente, nodo figlio specificato |
| element .isContentEditable | Restituisce true se il contenuto di un elemento è modificabile, altrimenti false |
| element . isDefaultNamespace() | Restituisce vero se un determinato namespaceURI è il default, altrimenti false |
| element . isEqualNode() | Verifica se due elementi sono uguali |
| element . isSameNode() | Verifica se due elementi sono il medesimo nodo |
| element . isSupported() | Restituisce vero se una caratteristica specifica è supportata sull'elemento |
| element .lang | Imposta o restituisce il valore del lang attributo di un elemento |
| element .lastChild | Restituisce l'ultimo nodo figlio di un elemento |
| element .lastElementChild | Restituisce l'ultimo elemento figlio di un elemento |
| element .namespaceURI | Restituisce lo spazio dei nomi URI di un elemento |
| element .nextSibling | Restituisce il nodo successivo allo stesso livello albero dei nodi |
| element .nextElementSibling | Restituisce l'elemento successivo allo stesso livello albero dei nodi |
| element .nodeName | Restituisce il nome di un nodo |
| element .nodeType | Restituisce il tipo di nodo di un nodo |
| element .nodeValue | Imposta o restituisce il valore di un nodo |
| element . normalize() | Unisce i nodi di testo adiacenti ed elimina i nodi di testo vuoti in un elemento |
| element .offsetHeight | Restituisce l'altezza di un elemento, inclusi padding, bordo e barra di scorrimento |
| element .offsetWidth | Restituisce la larghezza di un elemento, inclusi padding, bordo e barra di scorrimento |
| element .offsetLeft | Restituisce la posizione orizzontale di offset di un elemento |
| element .offsetParent | Restituisce il contenitore di offset di un elemento |
| element .offsetTop | Restituisce la posizione verticale di offset di un elemento |
| element .ownerDocument | Restituisce l'elemento radice (document object) per un elemento |
| element .parentNode | Restituisce il nodo padre di un elemento |
| element .parentElement | Restituisce il nodo elemento principale di un elemento |
| element .previousSibling | Restituisce il nodo precedente allo stesso livello albero dei nodi |
| element .previousElementSibling | Restituisce l'elemento precedente allo stesso livello albero nodo |
| element . querySelector() | Restituisce il primo elemento figlio che corrisponde a un CSS specificato selector(s) di un elemento |
| Elemento. querySelectorAll() | Restituisce tutti gli elementi figlio che corrisponde a un CSS specificato selector(s) di un elemento |
| element . removeAttribute() | Rimuove un attributo specificato da un elemento |
| element . removeAttributeNode() | Rimuove un nodo attributo specificato, e restituisce il nodo rimosso |
| element . removeChild() | Rimuove un nodo figlio da un elemento |
| element . replaceChild() | Sostituisce un nodo figlio in un elemento |
| element . removeEventListener() | Rimuove un gestore di eventi che è stato allegato con addEventListener() metodo |
| element .scrollHeight | Restituisce l'intera altezza di un elemento, tra cui imbottitura |
| element .scrollLeft | Imposta o restituisce il numero di pixel contenuti di un elemento viene fatto scorrere orizzontalmente |
| element .scrollTop | Imposta o restituisce il numero di pixel contenuto di un elemento viene fatta scorrere in verticale |
| element .scrollWidth | Restituisce l'intera larghezza di un elemento, tra cui imbottitura |
| element . setAttribute() | Imposta o modifica la specified attributo, il valore specificato |
| element . setAttributeNode() | Imposta o modifica la specified nodo attributo |
| element .style | Imposta o restituisce il valore del style attributo di un elemento |
| element .tabIndex | Imposta o restituisce il valore del tabindex attributo di un elemento |
| element .tagName | Restituisce il nome del tag di un elemento |
| element .textContent | Imposta o restituisce il contenuto testuale di un nodo ed i suoi discendenti |
| element .title | Imposta o restituisce il valore del title attributo di un elemento |
| element . toString() | Converte un elemento in una stringa |
| NodeList. item() | Restituisce il nodo in corrispondenza dell'indice specificato in una NodeList |
| .length NodeList | Restituisce il numero di nodi in un NodeList |