Jul 29, 2020 · Jul 24, 2020 · Jul 24, 2020 · Jul 24, 2020 · Jul 24, 2020 · Jul 24, 2020
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md b/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md
 There are many ways, for instance:
 Hay muchas maneras, por ejemplo:


 The`<div>`DOM node:
 El nodo`<div>`del DOM:

 ```js
 document.body.firstElementChild
 //or
 //o
 document.body.children[0]
 //or (the first node is space, so we take 2nd)
 //o (el primer nodo es un espacio, así que tomamos el segundo)
 document.body.childNodes[1]
 ```

 The`<ul>`DOM node:
 El nodo`<ul>`del DOM:

 ```js
 document.body.lastElementChild
 //or
 //o
 document.body.children[1]
 ```

 The second `<li>` (with Pete):
 El segundo `<li>` (con Pete):

 ```js
 //get <ul>,and then get its last element child
 //obtener <ul>,y luego obtener su último elemento hijo
 document.body.lastElementChild.lastElementChild
 ```
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/task.md b/2-ui/1-document/03-dom-navigation/1-dom-children/task.md

 # DOM children

 Look at this page:
 Mira esta página:

 ```html
 <html>
 </html>
 ```

 For each of the following, give at least one way of how to access them:
 -The`<div>`DOM node?
 -The`<ul>`DOM node?
 -The second `<li>` (with Pete)?
 Para cada una de las siguientes preguntas, da al menos una forma de cómo acceder a ellos:
 -¿El nodo`<div>`del DOM?
 -¿El nodo`<ul>`del DOM?
 -El segundo `<li>` (con Pete)?
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md

 ---

 #The sibling question
 #La pregunta de los hermanos

 If `elem` --is an arbitrary DOM element node...
 Si `elem` --es un elemento nodo arbitrario del DOM...

 -Is it true that`elem.lastChild.nextSibling`is always `null`?
 -Is it true that`elem.children[0].previousSibling`is always `null` ?
 -¿Es cierto que`elem.lastChild.nextSibling`siempre es `null`?
 -¿Es cierto que`elem.children[0].previousSibling`siempre es `null` ?
diff --git a/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/solution.md b/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/solution.md
 We'll be using `rows` and `cells` properties to access diagonal table cells.
 Usaremos las propiedades de las `filas` y las `celdas` para acceder a las celdas de la tabla diagonal
diff --git a/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md b/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md

 ---

 #Select all diagonal cells
 #Seleccionar todas las celdas diagonales

 Write the code to paint all diagonal table cells in red.
 Escribe el código para pintar todas las celdas diagonales de rojo.

 You'll need to get all diagonal`<td>`from the `<table>`and paint them using the code:
 Necesitarás obtener todas las`<td>`de la `<table>`y pintarlas usando el código:

 ```js
 // tdshould be the reference to the table cell
 // tddebe ser la referencia a la celda de la tabla
 td.style.backgroundColor = 'red';
 ```

 The result should be:
 El resultado debe ser:

 [iframe src="solution" height=180]
Original file line number	Diff line number	Diff line change
		@@ -1,27 +1,27 @@
		There are many ways, for instance:
		Hay muchas maneras, por ejemplo:


		The`<div>`DOM node:
		El nodo`<div>`del DOM:

		```js
		document.body.firstElementChild
		//or
		//o
		document.body.children[0]
		//or (the first node is space, so we take 2nd)
		//o (el primer nodo es un espacio, así que tomamos el segundo)
		document.body.childNodes[1]
		```

		The`<ul>`DOM node:
		El nodo`<ul>`del DOM:

		```js
		document.body.lastElementChild
		//or
		//o
		document.body.children[1]
		```

		The second `<li>` (with Pete):
		El segundo `<li>` (con Pete):

		```js
		//get <ul>,and then get its last element child
		//obtener <ul>,y luego obtener su último elemento hijo
		document.body.lastElementChild.lastElementChild
		```
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,7 +4,7 @@ importance: 5

		# DOM children

		Look at this page:
		Mira esta página:

		```html
		<html>
Expand All		@@ -18,7 +18,7 @@ Look at this page:
		</html>
		```

		For each of the following, give at least one way of how to access them:
		-The`<div>`DOM node?
		-The`<ul>`DOM node?
		-The second `<li>` (with Pete)?
		Para cada una de las siguientes preguntas, da al menos una forma de cómo acceder a ellos:
		-¿El nodo`<div>`del DOM?
		-¿El nodo`<ul>`del DOM?
		-El segundo `<li>` (con Pete)?
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,9 +2,9 @@ importance: 5

		---

		#The sibling question
		#La pregunta de los hermanos

		If `elem` --is an arbitrary DOM element node...
		Si `elem` --es un elemento nodo arbitrario del DOM...

		-Is it true that`elem.lastChild.nextSibling`is always `null`?
		-Is it true that`elem.children[0].previousSibling`is always `null` ?
		-¿Es cierto que`elem.lastChild.nextSibling`siempre es `null`?
		-¿Es cierto que`elem.children[0].previousSibling`siempre es `null` ?
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		We'll be using `rows` and `cells` properties to access diagonal table cells.
		Usaremos las propiedades de las `filas` y las `celdas` para acceder a las celdas de la tabla diagonal
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,17 +2,17 @@ importance: 5

		---

		#Select all diagonal cells
		#Seleccionar todas las celdas diagonales

		Write the code to paint all diagonal table cells in red.
		Escribe el código para pintar todas las celdas diagonales de rojo.

		You'll need to get all diagonal`<td>`from the `<table>`and paint them using the code:
		Necesitarás obtener todas las`<td>`de la `<table>`y pintarlas usando el código:

		```js
		// tdshould be the reference to the table cell
		// tddebe ser la referencia a la celda de la tabla
		td.style.backgroundColor = 'red';
		```

		The result should be:
		El resultado debe ser:

		[iframe src="solution" height=180]