YouTip LogoYouTip

HTML DOM Tutorial - Selection and Manipulation

DOM Selection

let el = document.getElementById("main");
let items = document.querySelectorAll(".item");
let first = document.querySelector(".item");

DOM Manipulation

el.textContent = "New text";
el.style.color = "red";
el.classList.add("active");

let div = document.createElement("div");
div.textContent = "New";
document.body.appendChild(div);

Summary

  • querySelector/querySelectorAll select elements
  • createElement + appendChild adds elements
← Design Patterns - Singleton anAJAX Tutorial - Fetch API β†’