DOM structure:

Document
   |
  html
 /    \
head   body
 |       |
title   button

Example:

• title → "My website"
• button → "click here"

Selecting elements

Using child relationships:

const a = document.firstElementChild
  .lastElementChild
  .firstElementChild;

Using query selector:

const a = document.querySelector("button");

Changing button text:

a.innerHTML = "don't click here";

Properties and methods in DOM

Properties (values describing state)

• textContent
• innerHTML
• style
• firstChild

Methods (functions that perform actions)