DOM: More Methods

Question 1

parentElement

Answer 1

Returns the DOM node parent element, or null if it has no parent or is not a DOM element

Question 2

element.children

Answer 2

Returns a live HTMLCollection which contains all the child elements of the specified element

Question 3

element.firstElementChild

Answer 3

Returns the first element within the specified element

Question 4

element.previousElementSibling

Answer 4

Returns the element immediately preceding the specified one in the parent’s children list

Question 5

element.nextElementSibling

Answer 5

Returns the element immediately following the specified one in the parent’s children list

Question 5

element.nextElementSibling

Answer 5

Returns the element immediately following the specified one in the parent’s children list

Question 6

element.childNode

Answer 6

Returns a live NodeList of child nodes of the given element where the first child node is assigned index 0. Child nodes include elements, texts, and comments.

Question 7

element.firstChild

Answer 7

Returns the node’s first child in the tree, or null if the node has no children

Question 8

element.firstChild.nodeValue

Answer 8

Returns the node’s value
In this example, it returns the node value of first child node on the specified element

Question 9

element.previousSibling

Answer 9

Returns the node immediately preceding the specified one in the parent’s childNodes list, or null if the specified node is the first in the list

Question 10

element.nextSibling

Answer 10

Returns the node immediately following the specified one in the parent’s childNodes list, or null if the node is the last in that list

Question 11

document.createElement

Answer 11

Creates an element on the document

Question 12

document.createTextNode

Answer 12

Creates a text node. Can be used to escape HTML character

Question 13

element.appendChild( child) // no quotes

Answer 13

Adds a child node to the DOM

Question 14

element.removeChild( child) // no quotes

Answer 14

Removes the child node from the DOM and returns the removed node

Question 15

getAttribute

Answer 15

Returns the value of a specified attribute on the elements

Question 16

setAttribute

Answer 16

Sets the value of a specified attribute on the element

Question 17

element.classList

Answer 17

Returns a live DOMTokenList of class attributes of the specified element

Question 18

element.classList.add()

Answer 18

Adds the given tokens to the list omitting any that are already present

Question 19

element.classList.remove()

Answer 19

Removes the given tokens to the list