1.3.6 - Getting and Setting Attribute Node Values

Question 1

.attributes, .getAttribute, .setAttribute are properties to work with nodes of type element?

Answer 1

YES

Question 2

It is true that .attributes returns a live collection of all attribute nodes in the specific node?

Answer 2

YES

Question 3

.attributes returns what?

Answer 3

a live collection of all attributes nodes in the specific node

Question 4

.attributes returns a live collection of all attribute nodes…

That collection is a Array or a NamedNodeMap?

Answer 4

It´s a collection of NamedNodeMap, so it has´nt Array methods

Question 5

What does this?

Answer 5

We are returning all the attributes from the first link (a tag) in the document

We are using .nodeName and .nodeValue to console log the attribute name and the attribute value

Question 6

It is true that .getAttribute(attributeName) returns the value of a specified attribute on the element?

Answer 6

YES

Question 7

.getAttribute() how many parameters needs?

Answer 7

One

.getAttribute(attributeName)

Question 8

When using .getAttribute(attributeName) if the given value does not exist, the value returned will be…

Answer 8

either null or ”” (empty string)

Question 9

How can we check if an attributeName exist prior to calling .getAttribute(attributeName)

Answer 9

We can use .hasAttribute(attName)

.hasAttribute(attName) returns true or false

Question 10

What does .getAttribute(attName)?

Answer 10

returns the value of a specified attribute on the element. If the attName does not exist, returns null or “” empty string

Question 11

How can we get the Attributes of an element?

Answer 11

Using

.attributes or .getAttribute(attName)

Question 12

It is true that .setAttribute(name, value) adds a new attribute or change the value of an existing attribute on the specified element.

Answer 12

YES

Question 13

How can we add or change an attribute on a specified element?

Answer 13

using

.setAttribute(name, value)

Question 14

.className what it does?

Answer 14

gets and sets the value of the class attribute of the specified element

var cName = elementNodeReference.className; elementNodeReference.className = cName;

Question 15

It is true that .classList is a read-only property which returns a live collection of the class attriutes of the element?

Answer 15

YES

Question 16

What does .classList?

Answer 16

is a read-only property which returns a live collection of the class attributes of the element

Question 17

.classList has methods?

name the most important methods of .classList

Answer 17

YES

.classList.add( string [,string] )

.classList.remove( string [,string] )

.classList.toggle( string [,force] )

.classList.contains( string )

Question 18

.classList.add( string [,string] ) What it does?

Answer 18

If the classes already exist in the attribute of the element, then they are ignored, either case it adds it.

Question 19

.classList.remove( string [,string] ) What it does?

Answer 19

Remove the specified class values

Question 20

.classList.toggle( string [,force] )

Answer 20

Toggle the class value

// add or remove visible, depending on test conditional, i less than 10 div.classList.toggle(“visible”, i < 10 );

Question 21

.classList.toggle( string [,force] ) What happens when a second argument is present?

Answer 21

If the second argument evaluates to true, it add the specified class value

If the second argument evaluates to false, it removes the specified class value.

// add or remove visible, depending on test conditional, i less than 10 div.classList.toggle(“visible”, i < 10 );

Question 22

.classList.contains( String ) what it does?

Answer 22

checks if speified class value exist in class attribute of the element.

alert(div.classList.contains(“foo”));

Question 23

How can we get and set the class name attribute?

Answer 23

For getting the class name:

.className

.getAttribute( ‘class’ )

For setting the class name:

.setAttribute( ‘class’, value )

elementNodeReference.className = cName;

.classList.add( string [,string] )

Question 24

When working with data properties, what can we use?

Answer 24

.dataset - it gives access to all data properties