Introduzione agli elementi della pagina DOM JavaScript

Questo corso esplora le conoscenze e le tecniche di base necessarie per creare e aggiornare elementi di pagina utilizzando JavaScript DOM. Inizia con un'introduzione al DOM. Qui imparerai le funzioni del DOM e come aiuta a migliorare la funzionalità delle pagine Web, incluso il collegamento di pagine Web a script o linguaggi di programmazione rappresentando la struttura di un documento. Quindi, imparerai come utilizzare lo strumento di sviluppo di Google Chrome per eseguire il debug e testare i tuoi codici HTML e JavaScript su Windows e Mac OS. Mostriamo i vari metodi di selezione e aggiornamento degli elementi della pagina, incluso il selettore di query. Scopri come aggiornare tutti gli elementi della pagina corrispondenti utilizzando JavaScript QuerrySelectorAll e restituire più elementi in un elenco di nodi, aggiornare il conteggio e il contenuto del testo di

In questo corso imparerai come selezionare un elemento e aggiornare i valori di stile, impostare gli attributi dell'elemento della pagina e quindi aggiornare l'HTML e aggiungerlo agli elementi della pagina con il valore della proprietà innerHTML. Ad esempio, aggiorna il colore e il colore di sfondo dell'elemento selezionato e applica vari valori di stile all'attributo style con JavaScript. Successivamente, imparerai i metodi dell'elenco delle classi per attivare o disattivare una classe esistente, aggiungere, rimuovere e verificare se la classe esiste su un elemento che restituisce un valore booleano. Quindi scoprirai i metodi Append, Prepend, AppendChild to parent Element per aggiungere elementi di pagina alla pagina. Infine, mostriamo come navigare nell'albero DOM selezionando un elemento iniziale e passando agli elementi correlati con il codice JavaScript

DOM è l'abbreviazione di document object model. È un'interfaccia di programmazione per documenti web. DOM rappresenta il documento come nodi e oggetti, consentendo ai linguaggi di programmazione come JavaScript e HTML di interagire e modificare gli elementi o i contenuti della pagina. Seguendo questo corso su Alison.com, imparerai come creare e modificare gli elementi della pagina e aggiungere listener di eventi per gli eventi del mouse e della tastiera. Perché stai aspettando? Segui questo corso online gratuito oggi e acquisisci una nuova abilità.