Update 2-ui/1-document/05-basic-dom-node-properties

Author: marcellosurdi

2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.md

@@ -1,21 +1,21 @@
-Let's make a loop over `<li>`:
+Effettuiamo un ciclo iterativo sugli elementi `<li>`:
 
 ```js
 for (let li of document.querySelectorAll('li')) {
   ...
 }
 ```
 
-In the loop we need to get the text inside every `li`.
+Durante le iterazioni abbiamo bisogno di ricavare il testo all'interno di ogni `li`.
 
-We can read the text from the first child node of `li`, that is the text node:
+Possiamo leggere il testo dal primo nodo figlio di `li` che è un nodo di testo:
 
 ```js
 for (let li of document.querySelectorAll('li')) {
   let title = li.firstChild.data;
 
-  // title is the text in <li> before any other nodes
+  // title è il testo nel <li> prima di qualsiasi altro nodo
 }
 ```
 
-Then we can get the number of descendants as `li.getElementsByTagName('li').length`.
+A questo punto possiamo ricavare il numero dei discendenti con `li.getElementsByTagName('li').length`.

2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.view/index.html

@@ -41,12 +41,12 @@
 
   <script>
     for (let li of document.querySelectorAll('li')) {
-      // get the title from the text node
+      // ricava il titolo dal nodo di testo
       let title = li.firstChild.data;
 
-      title = title.trim(); // remove extra spaces from ends
+      title = title.trim(); // rimuove gli spazi bianchi all'inizio e alla fine
 
-      // get the descendants count
+      // ottiene il numero dei discendenti
       let count = li.getElementsByTagName('li').length;
 
       alert(title + ': ' + count);

2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html

@@ -40,7 +40,7 @@
   </ul>
 
   <script>
-    // ... your code...
+    // ... il tuo codice ...
   </script>
 
 </body>

2-ui/1-document/05-basic-dom-node-properties/2-tree-info/task.md

@@ -1,14 +1,14 @@
-importance: 5
+importanza: 5
 
 ---
 
-# Count descendants
+# Contate i discendenti
 
-There's a tree structured as nested `ul/li`.
+Abbiamo un alberatura HTML strutturata come un elenco di `ul/li` annidati.
 
-Write the code that for each `<li>` shows:
+Scrivete il codice che per ogni elemento `<li>` mostri:
 
-1. What's the text inside it (without the subtree)
-2. The number of nested `<li>` -- all descendants, including the deeply nested ones.
+1. Qual è il testo al suo interno (senza considerare l'eventuale sottostruttura)
+2. Il numero degli elementi `<li>` annidati -- tutti i discendenti, considerando tutti i livelli di annidamento.
 
 [demo src="solution"]

2-ui/1-document/05-basic-dom-node-properties/article.md

@@ -495,4 +495,4 @@ Le principali proprietà di un nodo DOM sono:
 
 I nodi del DOM hanno inoltre altre proprietà in base alla loro classe di appartenenza. Per esempio gli elementi `<input>` (`HTMLInputElement`) supportano `value`, `type`, mentre gli elementi `<a>` (`HTMLAnchorElement`) supportano `href` etc. La maggior parte degli attributi HTML standard hanno una proprietà DOM corrispondente.
 
-However, HTML attributes and DOM properties are not always the same, as we'll see in the next chapter.
+Ad ogni modo, come vedremo nel prossimo capitolo, gli attributi HTML e le proprietà del DOM non sono sempre corrispondenti.