Få åtkomst till dokumentobjektet

Dokumentobjektet är en representation av hela webbsidan i JavaScript. Det ger tillgång till alla element, egenskaper och metoder på sidan.

Viktiga begrepp:

• Document: Dokumentobjektet
• document.body: Kroppen av dokumentet
• document.head: Huvudet av dokumentet
• document.getElementById: Hämtar ett element med ett visst ID
• document.querySelector: Hämtar det första elementet som matchar en CSS-selektor
• document.querySelectorAll: Hämtar alla element som matchar en CSS-selektor

Praktiska steg:

1. För att få tillgång till dokumentobjektet, använd document.
2. Använd egenskaper som document.body och document.head för att komma åt specifika delar av dokumentet.
3. Använd metoder som document.getElementById och document.querySelector för att hämta element.

JavaScript-exempel:

// Få en referens till dokumentobjektet
const doc = document;

// Visa webbsidans titel
console.log(doc.title);

// Få åtkomst till dokumentets kropp
const body = doc.body;

// Ändra bakgrundsfärgen på kroppen
body.style.backgroundColor = "blue";

// Hämta elementet med ID "rubrik"
const rubrik = doc.getElementById("rubrik");