withArtur

JS DOM

1. Selezione degli Elementi

• document.getElementById(id): seleziona un elemento per il suo id.
• document.getElementsByClassName(className): seleziona tutti gli elementi con una certa classe.
• document.getElementsByTagName(tagName): seleziona tutti gli elementi di un certo tag.
• document.querySelector(selector): seleziona il primo elemento che corrisponde a un selettore CSS.
• document.querySelectorAll(selector): seleziona tutti gli elementi che corrispondono a un selettore CSS.

2. Manipolazione del Contenuto

withArtur

VSCode top shortcuts / migliori scorciatoie di tastiera

Navigazione

Shortcut	Descrizione
CTRL + MAIUSC + E o CTRL + 0	Apri finestra Explorer dei file
CTRL + 1	Vai con il cursore al editor
CTRL + B	Apri/Chiudi sidebar di sinistra
CTRL + MAIUSC + G	Apri finestra Git della sidebar

withArtur

1. forEach()

• Scopo: Eseguire una funzione di callback per ogni elemento dell'array.
• Restituisce: undefined. Non restituisce un nuovo array.
• Utilizzo: Quando vuoi semplicemente eseguire un'azione per ogni elemento, senza bisogno di creare un nuovo array o di restituire un valore.

Esempio:

const numeri = [1, 2, 3, 4, 5];

withArtur

/**
 * Bootstrap 4 all media queries #wMQ
 * up       >     sm, md, lg, xl
 * down     <     sm, md, lg
 * only     =     xs, sm, lg, xl
 * between  <>    sm-lg, sm-xl, md-xl
 */


/* .xs = | Extra Small devices only (portrait phones) less than 576px */