JavaScript DOM Cheat Sheet

Selecting Elements

document.getElementById("id");
document.querySelector(".class");
document.querySelectorAll("div");

Modifying Elements

element.textContent = "text";
element.innerHTML = "
HTML
";
element.classList.add("class");
element.setAttribute("attr", "value");

Events

element.addEventListener("click", (e) => {
  console.log("Clicked!");
});