Attraversare il DOM
In questo video parleremo dell'oggetto Element e di come con JavaScript è possibile "navigare" o meglio attraversare gli elementi HTML.
Vedremo anche diverse maniere per aggiungere e modificare nuovi elementi della pagina web: usando la proprietà innerHTML o usando la più performante (ma più lunga) tecnica che impiega i metodi createElement(), createTextNode() e appendChild().
Parleremo del metodo querySelectorAll() usato per ottenere una "nodeList' con tutti gli elementi della pagina che hanno uno specifico tag.
Infine, vedremo come utilizzare le proprietà: firstChild, lastChild, nodeValue, per maneggiare nodi genitori (parents), figli (child) e fratelli (sibling).
Per maggiori info: https://tutorialjavascript.altervista.org/sez6-dom/attraversare-dom
Ti piacciono questi video e vuoi offrirmi un caffè: https://tutorialjavascript.altervista.org/donazioni
Видео Attraversare il DOM канала Achille1789
Vedremo anche diverse maniere per aggiungere e modificare nuovi elementi della pagina web: usando la proprietà innerHTML o usando la più performante (ma più lunga) tecnica che impiega i metodi createElement(), createTextNode() e appendChild().
Parleremo del metodo querySelectorAll() usato per ottenere una "nodeList' con tutti gli elementi della pagina che hanno uno specifico tag.
Infine, vedremo come utilizzare le proprietà: firstChild, lastChild, nodeValue, per maneggiare nodi genitori (parents), figli (child) e fratelli (sibling).
Per maggiori info: https://tutorialjavascript.altervista.org/sez6-dom/attraversare-dom
Ti piacciono questi video e vuoi offrirmi un caffè: https://tutorialjavascript.altervista.org/donazioni
Видео Attraversare il DOM канала Achille1789
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Oggetto built-in Date](https://i.ytimg.com/vi/jOL6IoeFCHU/default.jpg)
![I numeri in Javascript](https://i.ytimg.com/vi/700rSU6ep1k/default.jpg)
![Le Classi in TypeScript](https://i.ytimg.com/vi/2EFfahcNEMc/default.jpg)
![Cosa è il BOM](https://i.ytimg.com/vi/_AmALK5CCzE/default.jpg)
![Esercizi in JavaScript, parte 2 di 3](https://i.ytimg.com/vi/9fXZ9HNDEVs/default.jpg)
![Tutti i tipi di funzione in JavaScript](https://i.ytimg.com/vi/r9HtfrzYMn8/default.jpg)
![Moduli JS](https://i.ytimg.com/vi/QILFNeP9EQ8/default.jpg)
![Approfondire gli Array](https://i.ytimg.com/vi/Sl-pn0pvNGI/default.jpg)
![Approfondire le Promise](https://i.ytimg.com/vi/0P53GOmAzVo/default.jpg)
![Tips & Tricks in JavaScript](https://i.ytimg.com/vi/3qB1ysAcRXo/default.jpg)
![I cookie in JavaScript](https://i.ytimg.com/vi/xqyl3Sxy-8w/default.jpg)
![Oggetti built-in Map e Set](https://i.ytimg.com/vi/mV3qGpRysv0/default.jpg)
![Gli eventi in JavaScript](https://i.ytimg.com/vi/-iZ4DCP2Cw4/default.jpg)
![I valori booleani in JavaScript](https://i.ytimg.com/vi/DE4gDO6ucRc/default.jpg)
![I tipi in TypeScript](https://i.ytimg.com/vi/x1zWm_PeXgU/default.jpg)
![L'ereditarietà in JavaScript](https://i.ytimg.com/vi/gdJD2xi-lRQ/default.jpg)
![Esercizi in JavaScript, parte 1 di 3](https://i.ytimg.com/vi/qQTyXJ_Gvck/default.jpg)
![Destrutturazione](https://i.ytimg.com/vi/A6Q7NbjQwd4/default.jpg)
![Gli array in JavaScript](https://i.ytimg.com/vi/2h_selI7oQQ/default.jpg)
![La Console in JavaScript](https://i.ytimg.com/vi/ShTTPplCTiY/default.jpg)