Week 4 Reveiw

Question 1

A standardized way to define a web page’s structure

Answer 1

DOM Document Object Model

Question 2

DOM represents a web page as a _________ of objects

Answer 2

hierarchy

Question 3

DOM objects have _________ and ___________.

Answer 3

properties methods

Question 4

__________________ is the langauage of choise for dealing with the DOM

Answer 4

JavaScript

Question 5

Two types of nodes

Answer 5

elements and texts

Question 6

The document variable matches the ______ element

Answer 6

HTML

Question 7

code to visit the child node of a page

Answer 7

document.body.childNodes[0]

Question 8

child nodes include __________ lines

Answer 8

blank

Question 9

method to get an element by its HTML tag

Answer 9

getElementsByTagName()

Question 10

method to get elements by its HTML class

Answer 10

getElementsByClassName()

Question 11

method to get an element by its ID

Answer 11

getElementById()

Question 12

to create an array from getElements return use function

Answer 12

Array.from()

Question 13

method to get the first node with CSS selector

Answer 13

querySelector()

Question 14

method to get all nodes with CSS selector

Answer 14

querySelectorAll()

Question 15

property of a node to get its inner HTML content

Answer 15

innerHTML

Question 16

property of a node that gets the text content

Answer 16

textContent

Question 17

method to get the attribute of a node

Answer 17

getAttribute()

Question 18

method to determine if a node has an attribute

Answer 18

hasAttribute()

Question 19

method to get elements by its HTML tag name attribute

Answer 19

getElementsByTagName()

Question 20

method to get elements by the class name

Answer 20

getElementsByClassName()

Question 21

property to change the content of an element within the DOM

Answer 21

innerHTML

Question 22

use innerHTML to delete content

Answer 22

.innerHTML = “”

Question 23

add a change to the text of a node

Answer 23

.textContent +=

Question 24

set a name attribute of a node to “Jeff”

Answer 24

.setAttribute(“name”,”Jeff”)

Question 25

property used to add or remove classes from a DOM element

Answer 25

classList

Question 26

3 steps to add a new element to a web page

Answer 26

1. create a new Element
2. Set element properties
3. Inset new element into the DOM