PROPIEDADES

Question 1

Element.classList

Answer 1

Esta propiedad devuelve un (DOMTokenList) arreglo que enlista todo lo que contiene el elemento de la clase.

Posse 5 métodos:

1# ADD (añade clase)
EJ:div.classList.add(“anotherclass”)

2# REMOVE (remueve clase)
EJ:div.classList.remove(“foo”)

3# TOGGLE (Si la clase indicada está en elemento, la eliminará, y si no está, la añadirá)
EJ: div.classList.toggle(“visible”)

4# REPLACE (Reemplaza la clase)
EJ: div.classList.replace(“foo”, “bar”)

5# CONTAINS (Comprueba si la clase existe)
EJ: alert(div.classList.contains(“foo”))

Question 2

Element.attributes

Answer 2

Es una propiedad que devuelve un NamedNodeMaps, no un array, así que no se pueden usar métodos de array con esta propiedad. La razón de esto es que, un atributo es una pieza de data más compleja porque tiene un key y un value pero podemos modificar una, la otra, o ambas cosas a la vez.

Posee 4 metodos:

hasAttribute
1# document.querySelector(“img”).hasAttribute(“src”) devolvería true si src existe en img.

getAttribute
2# document.querySelector(“img”).getAttribute(“src”) devolvería el contenido del atributo, que en este caso sería su enlace url.

setAttribute
3# document.querySelector(“img”).setAttribute(“alt”, “a drawing of a backpack”) esta propiedad me permite agregar un atributo y/o agregar un valor a un atributo. Primero va el atributo entre “” separado por coma, y luego va el valor.

removeAttribute
4# document.querySelector(“img”).removeAttribute(“src”) me permite remover el atributo.

Question 3

Element.style

Answer 3

La propiedad .style, contiene todas las propiedades de estilo CSS aplicables para el elemento que se está consultando.

Ej: document.querySelector(“.site title”).style

También puedo consultar una propiedad específica del estilo CSS del elemento señalado, usando dot notation.

Ej: document.querySelector(“.site title”).style.backgroundColor

o modificar dicho estilo CSS:

Ej: document.querySelector(“.site title”).style.backgroundColor = “verde”

Question 4

Element.innerHTML = content;

Answer 4

La propiedad .innerHTML devuelve o establece el código HTM al que se hace referencia

Question 5

String.length

Answer 5

Representa la longitud de una cadena, en unidades de código UTF-16 (me permite conocer cuántos elementos hay en el string).