MÉTODOS Flashcards
Document.querySelector( )
Este método devuelve el primer elemento que concuerde con el parámetro que le estamos indicando.
Document.querySelectorAll( )
Este método devuelve una NodeList que luce como un arreglo, con los objetos que coinciden con el grupo de selectores indicados.
Element.getElementsByClassName( )
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.
Element.getElementById( )
Este método devuelve una referencia al elemento por su ID.
Document.createElement( )
Permite crear en el DOM un nuevo contenido HTML sin destruir el anterior.
ParentNode.append( )
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.
ParentNode.prepend( )
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.
Node.appendChild( )
Me permite mover el elemento de un lugar a otro en el DOM.
Node.replaceChild( )
Reemplaza el child-element de un parent-element.
Node.insertBefore( )
Permite insertar un elemento antes de los elementos del parent.
Element.insertAdjacentElement( )
Permite insertar un elemento antes o después de los elementos del parent .
MÉTODO join( )
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(“ | “));
MÉTODO push( )
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”));
MÉTODO unshift( )
Misma función que el método PUSH() pero los elementos se agregan al principio del arreglo.
MÉTODO shift( )
Elimina y “devuelve” el primer elemento del Array
MÉTODO pop( )
Elimina y “devuelve” el último elemento del Array
MÉTODO forEach( )
El método forEach() ejecuta la función indicada una vez por cada elemento del array.
String.prototype.indexOf()
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.
Array.prototype.splice()
El método splice() cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.
Se puede usar métodos anidados
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);
