DOM

Question 1

What does DOM stand for?

Answer 1

Document Object Model

Question 2

What is the DOM?

Answer 2

A DOM is a treelike structure that represents the HTML elements on a webpage

Question 3

Give a DOM example for changing a text value on an HTML window

Answer 3

document.getElementById(“test”).innerHTML = “now it is different”;

document is the root and contains all elements

getElementById followed by the element I am interested in.

innerHTML is the property which I am setting

Question 4

List 2 common selector methods used by JS for DOM elements

Answer 4

document.querySelector(“#test”)
//this will find the id test

document.querySelectorAll(“test”)
//this will find all elements with id test

Question 5

What things can be manipulated using DOM?

Answer 5

element properties like
value
innerHTML = “my name”;
CSS
styl.cssText = “fontWeight : bold”;
create a new element
createElement (“this”)
remove an element
remove()