DOM
È l'acronimo di "Document Object Model."
Il DOM è un'interfaccia di programmazione per accedere al contenuto delle pagine web e dei documenti XML e modificarlo. Definisce la struttura logica di un documento, trattandolo come un albero in cui ogni nodo di diramazione rappresenta singoli elementi. Programmi e script possono accedere al DOM per leggere e modificare la struttura, il contenuto e lo stile del documento.
Il DOM organizza la struttura dei file HTML e XML in una gerarchia di oggetti chiamati "nodi". Alla radice si trova il nodo Document, che rappresenta l'intero documento. Seguono i nodi Element, che rappresentano singoli tag HTML o XML. I nodi Element sono a loro volta gerarchici, poiché sono annidati l'uno nell'altro. Ad esempio, il nodo <html> è il più vicino alla radice del documento e contiene sia il nodo <head> sia il nodo <body>; ognuno di questi contiene a sua volta nodi figlio come gli elementi <div> e <p>.
Ogni nodo Element nel DOM include diversi nodi Attribute che modificano le relative proprietà. Ad esempio, un nodo Element <img> potrebbe includere nodi attributo per src, alt, width e height, consentendo a del codice JavaScript di modificare uno qualsiasi di questi attributi. Infine, i nodi Text contengono il testo all'interno di ogni elemento e costituiscono il contenuto del documento. I nodi Text sono le foglie dell'albero e non hanno altri livelli al di sotto di essi.
L'uso di JavaScript (o di altri linguaggi di scripting) per accedere al DOM di una pagina consente di creare pagine web dinamiche e interattive. Ad esempio, i gestori degli eventi collegati ai nodi possono attendere interazioni dell'utente, come clic del mouse o input da tastiera, quindi modificare il contenuto della pagina in risposta. Gli eventi JavaScript possono usare il DOM per rimuovere nodi esistenti e aggiungerne di nuovi. Gli script possono recuperare dati da un database su un server e usare il DOM per inserire tali dati in specifici elementi di testo. Gli script possono anche usare il DOM per modificare le proprietà CSS degli elementi e cambiare l'aspetto e il layout del documento.
Metti alla prova le tue conoscenze