You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 2-ui/1-document/08-styles-and-classes/article.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ JavaScript può modificare sia le classi che le proprietà all'interno di `style
11
11
12
12
Dovremmo sempre preferire le classi CSS a `style`. Quest'ultimo dovrebbe essere usato solo se le classi non sono sufficienti.
13
13
14
-
Per esempio, è ragionevole l'uso di `style` se calcoliamo dinamicamente le coordinate di un elemento e vogliamo impostarle con JavaScript, come in casi analoghi:
14
+
Per esempio, è ragionevole l'uso di `style` se calcoliamo dinamicamente le coordinate di un elemento e vogliamo impostarle con JavaScript, come in casi analoghi a questo esempio:
15
15
16
16
```js
17
17
let top =/* calcoli complessi */;
@@ -21,7 +21,7 @@ elem.style.left = left; // es '123px', calcolato al momento dell'esecuzione
21
21
elem.style.top= top; // es '456px'
22
22
```
23
23
24
-
Per gli altri casi, come rendere rosso un testo o aggiungere un'icona di sfondo, definiamo degli stili CSS e poi applichiamo la classe con JavaScript. È più flessibile e più facile da gestire.
24
+
Per gli altri casi, come rendere rosso un testo o aggiungere un'immagine di sfondo, definiamo degli stili CSS e poi applichiamo la classe con JavaScript. È più flessibile e più facile da gestire.
25
25
26
26
## className e classList
27
27
@@ -209,7 +209,7 @@ Qui, per esempio, `style` non rileva il margine:
209
209
</body>
210
210
```
211
211
212
-
...ma cosa dovremmo fare se avessimo bisogno, per dire, di incrementare il margine di `20px`? Dovremmo prima conoscerne il valore corrente.
212
+
...ma cosa dovremmo fare se avessimo bisogno, ad esempio, di incrementare il margine di `20px`? Dovremmo prima conoscerne il valore corrente.
213
213
214
214
C'è un altro metodo per quello: `getComputedStyle`.
215
215
@@ -288,7 +288,7 @@ JavaScript potrebbe non rilevare gli stili applicati da `:visited`. C'è una lim
288
288
289
289
## Riepilogo
290
290
291
-
Per gestire le classi ci sono due proprietà DOM:
291
+
Per gestire le classi abbiamo a disposizione due proprietà DOM:
292
292
293
293
- `className` -- il valore stringa, ottimo per gestire l'intero insieme delle classi.
294
294
- `classList` -- l'oggetto con i metodi `add/remove/toggle/contains`, ottimo per gestire le classi individualmente.
0 commit comments