filmov
tv
Manipolare il DOM
Показать описание
In questo video parleremo di come, con JavaScript, è possibile manipolare il DOM.
Infatti, JavaScript è in grado: di cambiare gli elementi HTML, di aggiungere od eliminare elementi, di modificare gli attributi dei tag ed è anche in grado di cambiare lo stile dei CSS aggiungendo od eliminando proprietà e valori.
In questo video vedremo che JavaScript, usando l'oggetto document ed alcune delle sue proprietà, riesce ad accedere a determinati nodi (tag HTML) della pagina web come: immagini, form e script. Vedremo che usando la proprietà style è in grado di cambiare lo stile degli elementi ed usando la proprietà innerHTML è capace di cambiarne il contenuto.
Parleremo anche di alcuni importantissimi metodi come: getElementsByTagName , getElementsByClassName , getElementById usati da JavaScript per identificare altri elementi della pagina, per esempio usando il nome del loro tag, il nome della loro classe o il valore del loro id.
Questi metodi possono ritornare una HTMLCollection (collezione di elementi) che è una specie di array (in inglese si dice array-like), vedremo quindi come maneggiare questo tipo di collezione e vedremo anche come convertirlo in vero array usando il nuovo metodo from() introdotto dall'ECMAScript 6.
Infatti, JavaScript è in grado: di cambiare gli elementi HTML, di aggiungere od eliminare elementi, di modificare gli attributi dei tag ed è anche in grado di cambiare lo stile dei CSS aggiungendo od eliminando proprietà e valori.
In questo video vedremo che JavaScript, usando l'oggetto document ed alcune delle sue proprietà, riesce ad accedere a determinati nodi (tag HTML) della pagina web come: immagini, form e script. Vedremo che usando la proprietà style è in grado di cambiare lo stile degli elementi ed usando la proprietà innerHTML è capace di cambiarne il contenuto.
Parleremo anche di alcuni importantissimi metodi come: getElementsByTagName , getElementsByClassName , getElementById usati da JavaScript per identificare altri elementi della pagina, per esempio usando il nome del loro tag, il nome della loro classe o il valore del loro id.
Questi metodi possono ritornare una HTMLCollection (collezione di elementi) che è una specie di array (in inglese si dice array-like), vedremo quindi come maneggiare questo tipo di collezione e vedremo anche come convertirlo in vero array usando il nuovo metodo from() introdotto dall'ECMAScript 6.
Комментарии