DOM Collections translated

exploitmik · exploitmik · commit 3138bca16d14 · 2020-02-05T18:55:24.000-03:00
diff --git a/2-ui/1-document/03-dom-navigation/article.md b/2-ui/1-document/03-dom-navigation/article.md
@@ -127,54 +127,54 @@ elem.childNodes[elem.childNodes.length - 1] === elem.lastChild
 
 A função `elem.hasChildNodes()` verifica se há algum nó filho.
 
-### DOM collections
+### Coleções DOM
 
-As we can see, `childNodes` looks like an array. But actually it's not an array, but rather a *collection* -- a special array-like iterable object.
+Como podemos ver, `childNodes` se parece com uma array. Mas, na verdade, não é uma array, mas sim uma *coleção* -- um objeto iterável semelhante a uma array.
 
-There are two important consequences:
+Há duas implicações importantes:
 
-1. We can use `for..of` to iterate over it:
+1. Podemos usar `for..of` para iterar sobre:
   ```js
   for (let node of document.body.childNodes) {
-    alert(node); // shows all nodes from the collection
+    alert(node); // mostra todos os nós da coleção
   }
   ```
-  That's because it's iterable (provides the `Symbol.iterator` property, as required).
+  Isso ocorre porque é iterável (fornece a propriedade `Symbol.iterator`, quando necessário).
 
-2. Array methods won't work, because it's not an array:
+2. Métodos de array não funcionam, porque não é uma array:
   ```js run
-  alert(document.body.childNodes.filter); // undefined (there's no filter method!)
+  alert(document.body.childNodes.filter); // undefined (não possui o método filter!)
   ```
 
-The first thing is nice. The second is tolerable, because we can use `Array.from` to create a "real" array from the collection, if we want array methods:
+A primeira implicação é boa. A segunda é tolerável, porque podemos usar `Array.from` para criar uma array "real" a partir da coleção, se quisermos métodos de array:
 
   ```js run
-  alert( Array.from(document.body.childNodes).filter ); // now it's there
+  alert( Array.from(document.body.childNodes).filter ); // function
   ```
 
-```warn header="DOM collections are read-only"
-DOM collections, and even more -- *all* navigation properties listed in this chapter are read-only.
+```warn header="Coleções DOM são somente leitura"
+Coleções DOM e muito mais -- *todas* as propriedades de navegação listadas neste capítulo são somente leitura.
 
-We can't replace a child by something else by assigning `childNodes[i] = ...`.
+Não podemos substituir um filho através de uma atribuição: `childNodes[i] = ...`.
 
-Changing DOM needs other methods. We will see them in the next chapter.
+São necessários outros métodos para alterar o DOM. Veremos no próximo capítulo.
 ```
 
-```warn header="DOM collections are live"
-Almost all DOM collections with minor exceptions are *live*. In other words, they reflect the current state of DOM.
+```warn header="Coleções DOM estão ativas"
+Quase todas as coleções DOM, com pequenas exceções, são *ativas*. Em outras palavras, elas refletem o estado atual do DOM.
 
-If we keep a reference to `elem.childNodes`, and add/remove nodes into DOM, then they appear in the collection automatically.
+Se mantivermos uma referência ao `elem.childNodes` e adicionarmos nós no DOM, eles aparecerão automaticamente na coleção.
 ```
 
-````warn header="Don't use `for..in` to loop over collections"
-Collections are iterable using `for..of`. Sometimes people try to use `for..in` for that.
+````warn header="Não use `for..in` para iterar coleções"
+As coleções são iteráveis usando `for..of`. Às vezes as pessoas tentam usar `for..in` para isso.
 
-Please, don't. The `for..in` loop iterates over all enumerable properties. And collections have some "extra" rarely used properties that we usually do not want to get:
+Por favor, não! O loop `for..in` itera sobre todas as propriedades enumeráveis. E as coleções têm algumas propriedades "extras" raramente usadas que, geralmente, não queremos obter:
 
 ```html run
 <body>
 <script>
-  // shows 0, 1, length, item, values and more.
+  // mostra: 0, 1, length, item, values...
   for (let prop in document.body.childNodes) alert(prop);
 </script>
 </body>
