Section 13/14 - DOM

Question 1

native document selector

Answer 1

querySelector()

querySelectorAll()

Question 2

how to manipulate styles on dom elements

Answer 2

var e = document.getElementById(…)
e.style.color
e.style.border
etc.

Question 3

innerHTML

Answer 3

html content and text

Question 4

textContent

Answer 4

text node only

Question 5

how to manipulate attributes

Answer 5

e. getAttribute(‘href’)

e. setAttribute(‘href’, ‘google.com’)

Question 6

Add Native Event Listener

Answer 6

var e = document.querySelector('...');
e.addEventListener('click', function() { ... });

Question 7

Remove Native Event Listener

Answer 7

var e = document.querySelector('...');
e.removeEventListener('click', listenerFunction);

Question 8

hover event

Answer 8

mouseover

Question 9

hover stop event

Answer 9

mouseout

Question 10

How to pass event to onclick event added to html

Answer 10

<div></div>