MÉTODOS

Question 1

Document.querySelector( )

Answer 1

Este método devuelve el primer elemento que concuerde con el parámetro que le estamos indicando.

Question 2

Document.querySelectorAll( )

Answer 2

Este método devuelve una NodeList que luce como un arreglo, con los objetos que coinciden con el grupo de selectores indicados.

Question 3

Element.getElementsByClassName( )

Answer 3

Este método retorna una HTMLCollection “viva” conteniendo todos los elementos hijos que tienen todos los nombres de clase específicada como parámetro.

Notta: cuando se llama en el objeto document, se realiza la búsqueda en el documento completo, incluyendo el nodo raíz.

Question 4

Element.getElementById( )

Answer 4

Este método devuelve una referencia al elemento por su ID.

Question 5

Document.createElement( )

Answer 5

Permite crear en el DOM un nuevo contenido HTML sin destruir el anterior.

Question 6

ParentNode.append( )

Answer 6

Este método toma el Parent Node y añade uno o varios elementos separados por coma, que se le indiquen, al final (como last child) de ese Parent Node. También se puede usar para añadir un string de texto.

Question 7

ParentNode.prepend( )

Answer 7

Tiene la misma forma que el método Append pero añade el elemento o los elementos indicados, al principio (first child) del Parent Node.

Question 8

Node.appendChild( )

Answer 8

Me permite mover el elemento de un lugar a otro en el DOM.

Question 9

Node.replaceChild( )

Answer 9

Reemplaza el child-element de un parent-element.

Question 10

Node.insertBefore( )

Answer 10

Permite insertar un elemento antes de los elementos del parent.

Question 11

Element.insertAdjacentElement( )

Answer 11

Permite insertar un elemento antes o después de los elementos del parent .

Question 12

MÉTODO join( )

Answer 12

Me devuelve todos los elementos del Array, como un string.

newArray.join(); puedo imprimirlo por consola como console.log(newArray.join());

Si quiero que el método me devuelva los elemetos del Array de forma separada por coma:

Ej: console.log(newArray.join(“, “));

también puede ser separado por pipes

Ej: console.log(newArray.join(“ | “));

Question 13

MÉTODO push( )

Answer 13

El método push() me permite añadir uno o varios elementos al final de un Array sin correr el riesgo de sobrescribir algunos de los elementos previos.

Ej: console.log(newArray.push(“Pepe”, 5, “pipa”));

Question 14

MÉTODO unshift( )

Answer 14

Misma función que el método PUSH() pero los elementos se agregan al principio del arreglo.

Question 15

MÉTODO shift( )

Answer 15

Elimina y “devuelve” el primer elemento del Array

Question 16

MÉTODO pop( )

Answer 16

Elimina y “devuelve” el último elemento del Array

Question 17

MÉTODO forEach( )

Answer 17

El método forEach() ejecuta la función indicada una vez por cada elemento del array.

Question 18

String.prototype.indexOf()

Answer 18

El método indexOf() éste devuelve el primer índice en el que se puede encontrar un elemento dado en el array, ó en su defecto retornará el valor -1 si el elemento no está presente.

Question 19

Array.prototype.splice()

Answer 19

El método splice() cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.

Question 20

Se puede usar métodos anidados

Answer 20

Se pueden usar un método dentro de otro:

Ej: Esta instrucción, remueve el elemento dentro de deskArray, que tenga el mismo indexOf del objeto “remove”. En otras palabras, el método .indexOf() arroja el valor del índice y la propie y el método splice() removerá el elemento que tenga el mismo valor de índice dentro del array deskArray.

deskArray.splice(deskArray.indexOf(remove), 1);