9.6 Quiz: The DOM

The Document Object Model (DOM) is a hierarchy that most closely resembles what object?

a tower

a spiderweb

a tree

a tournament bracket

Check my answersExplainShow all

Every node in the DOM represents what?

a link

a section

a view

an HTML element

Check my answersExplainShow all

What three relationships between nodes are key to the DOM hierarchy?

parent

child

sibling

cousin

Check my answersExplainShow all

Which method selects the first matching element in the document?

document.querySelectorAll()

document.getElementsByClass()

document.querySelector()

document.getElementsByTagName()

Explanation

The document.querySelector() method returns the first matching DOM element.

Check my answersExplainShow all

Which command creates a new button?

let button = document.new('button');

let button = document.createElement('');

let button = document.createElement('button');

let button = document.makeElement('{button}');

Explanation

The let button = document.createElement('button'); command creates a new button.

Check my answersExplainShow all

Which command adds the we just created to the DOM?

document.body.appendChild(button);

document.insert(button);

window.appendChild(button);

document.insertBefore(button);

Explanation

The document.body.appendChild(button); command appends the button to the body of the document.

Check my answersExplainShow all

What can we accomplish by modifying a DOM element's innerHTML attribute?

Add child elements and content.

Alter text content.

Clear existing content.

Modify parent element content.

Add event listeners.

Explanation

We cannot modify parent element content or add event listeners with innerHTML.

Check my answersExplainShow all

What method allows us to add an attribute to a DOM element?

element.getAttribute()

element.createAttribute()

element.setAttribute()

element.makeAttribute()

Explanation

The element.setAttribute() method is used to create a new attribute on a DOM element (and also to alter an existing attribute).

Check my answersExplainShow all

Which are valid CSS property names in JavaScript?

fontFamily

background-position

marginTop

font-weight

background

Check my answersExplainShow all

What does the window.getComputedStyle() method return?

A style object with all of the CSS properties affecting the visual display of the DOM element (including those inherited from parent elements).

A properties object with some of the CSS properties affecting the visual display of the DOM element.

An Array of the CSS properties affecting the visual display of the DOM element based on CSS files.

A style object with only the CSS properties defined explicitly for the DOM element.

text

Explanation

The window.getComputedStyle() method returns a style object with all of the CSS properties affecting the visual display of the DOM element (including those inherited from parent elements).

Check my answersExplainShow all

What prefix indicates that an HTML attribute is intended to store information for computing?

info-

db-

data-

query-

param-

Explanation

The data- prefix indicates that an HTML attribute is intended to store information for computing.

Check my answersExplainShow all

How can we access the data attributes of an HTML element from within JavaScript?

element.getData()

element.dataset

element.getAttribute()

element.db

element.fetchData()

Explanation

Data stored in HTML data attributes is available in the element.dataset object.

Check my answersExplainShow all

Quiz: The Document Object Model

Visit Quiz Online

results matching ""

No results matching ""