Merge branch 'Node-properties_type-tag-and-contents' of https://github.com/homero304/es.javascript.info into Node-properties_type-tag-and-contents

omero329 · omero329 · commit c313b2cf585d · 2020-10-12T06:41:30.000-05:00
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.md b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.md
@@ -18,4 +18,4 @@ for (let li of document.querySelectorAll('li')) {
 }
 ```
 
-Entonces podemos obtener el número de descendientes como `li.getElementsByTagName('li'). Length`.
+Entonces podemos obtener el número de descendientes como `li.getElementsByTagName('li').length`.
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md
@@ -12,6 +12,6 @@ La respuesta: **`BODY`**.
 
 ¿Qué está pasando paso a paso?
 
-1. El contenido de `<body>` se reemplaza con el comentario. El comentario es `<!-BODY->`, porque `body.tagName == "BODY"`. Como recordamos, `tagName` siempre está en mayúsculas en HTML.
+1. El contenido de `<body>` se reemplaza con el comentario. El comentario es `<!--BODY-->`, porque `body.tagName == "BODY"`. Como recordamos, `tagName` siempre está en mayúsculas en HTML.
 2. El comentario es ahora el único nodo hijo, así que lo obtenemos en `body.firstChild`.
 3. La propiedad `data` del comentario es su contenido (dentro de `<!--...-->`): `"BODY"`.
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md
@@ -1,5 +1,5 @@
 
-Podemos ver a qué clase pertenece, imprimiendola, así:
+Podemos ver a qué clase pertenece, imprimiéndola, así:
 
 ```js run
 alert(document); // [object HTMLDocument]
@@ -27,7 +27,7 @@ Además, hay una referencia a la función constructor dentro de `prototype`:
 alert(HTMLDocument.prototype.constructor === HTMLDocument); // true
 ```
 
-Para obtener un nombre de la clase como string, podemos usar `constructor.name`. Hagámoslo para toda la cadena prototype de `document`, hasta la clase `Nodo`:
+Para obtener un nombre de la clase como string, podemos usar `constructor.name`. Hagámoslo para toda la cadena prototype de `document`, hasta la clase `Node`:
 
 ```js run
 alert(HTMLDocument.prototype.constructor.name); // HTMLDocument
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md
@@ -8,4 +8,4 @@ importance: 4
 
 ¿Cuál es su lugar en la jerarquía DOM?
 
-¿Hereda de "Node" o "Elemento", o tal vez "HTMLElement"?
+¿Hereda de `Node` o `Element`, o tal vez `HTMLElement`?
diff --git a/2-ui/1-document/05-basic-dom-node-properties/article.md b/2-ui/1-document/05-basic-dom-node-properties/article.md
@@ -264,7 +264,7 @@ En otras palabras, `innerHTML+=` hace esto:
 
 **Como el contenido se "pone a cero" y se reescribe desde cero, todas las imágenes y otros recursos se volverán a cargar.**.
 
-En el ejemplo de `chatDiv` arriba, la línea `chatDiv.innerHTML+="¿Cómo va?"` recrea el contenido HTML y recarga `smile.gif` (espero que esté en caché). Si `chatDiv` tiene muchos otros textos e imágenes, entonces la recarga se vuelve claramente visible.
+En el ejemplo de `chatDiv` arriba, la línea `chatDiv.innerHTML+="¿Cómo va?"` recrea el contenido HTML y recarga `smile.gif` (con la esperanza de que esté en caché). Si `chatDiv` tiene muchos otros textos e imágenes, entonces la recarga se vuelve claramente visible.
 
 También hay otros efectos secundarios. Por ejemplo, si el texto existente se seleccionó con el mouse, la mayoría de los navegadores eliminarán la selección al reescribir `innerHTML`. Y si había un `<input>` con un texto ingresado por el visitante, entonces el texto será eliminado. Y así.
 
@@ -319,7 +319,7 @@ Entonces, lo que sucedió en `div.outerHTML=...` es:
 - Otro fragmento de HTML `<p>Un nuevo elemento</p>` se insertó en su lugar.
 - `div` todavía tiene su antiguo valor. El nuevo HTML no se guardó en ninguna variable.
 
-Es muy fácil cometer un error aquí: modifica `div.outerHTML` y luego continúa trabajando con `div` como si tuviera el nuevo contenido. Pero no es así. Esto es correcto para `innerHTML`, pero no para `outerHTML`.
+Es muy fácil cometer un error aquí: modificar `div.outerHTML` y luego continuar trabajando con `div` como si tuviera el nuevo contenido. Pero no es así. Esto es correcto para `innerHTML`, pero no para `outerHTML`.
 
 Podemos escribir en `elem.outerHTML`, pero debemos tener en cuenta que no cambia el elemento en el que estamos escribiendo ('elem'). En su lugar, coloca el nuevo HTML en su lugar. Podemos obtener referencias a los nuevos elementos consultando el DOM.
 
@@ -413,7 +413,7 @@ En la mayoría de los casos, esperamos el texto de un usuario y queremos tratarl
 
 El atributo "hidden" y la propiedad DOM especifican si el elemento es visible o no.
 
-Podemos usarlo en HTML o asignar usando JavaScript, así:
+Podemos usarlo en HTML o asignarlo usando JavaScript, así:
 
 ```html run height="80"
 <div>Ambos divs a continuación están ocultos</div>
@@ -427,7 +427,7 @@ Podemos usarlo en HTML o asignar usando JavaScript, así:
 </script>
 ```
 
-Técnicamente, `hidden` funciona igual que `style="display: none"`. Pero es más corto de escribir.
+Técnicamente, `hidden` funciona igual que `style="display:none"`. Pero es más corto de escribir.
 
 Aquí hay un elemento parpadeante:
 

Original file line number	Diff line number	Diff line change
`@@ -18,4 +18,4 @@ for (let li of document.querySelectorAll('li')) {`
`18`	`18`	`}`
`19`	`19`	```
`20`	`20`
`21`		-Entonces podemos obtener el número de descendientes como `li.getElementsByTagName('li'). Length`.
	`21`	+Entonces podemos obtener el número de descendientes como `li.getElementsByTagName('li').length`.
Original file line number	Diff line number	Diff line change
`@@ -8,4 +8,4 @@ importance: 4`
`8`	`8`
`9`	`9`	`¿Cuál es su lugar en la jerarquía DOM?`
`10`	`10`
`11`		`-¿Hereda de "Node" o "Elemento", o tal vez "HTMLElement"?`
	`11`	+¿Hereda de `Node` o `Element`, o tal vez `HTMLElement`?