JAVASCRIPT Tutorial

Ändra textinnehåll

För att ändra textinnehållet i ett HTML-element använder vi DOM-manipulering. Här är stegen:

  1. Hämta HTML-elementet: Använd document.getElementById() eller document.querySelector() för att hämta elementet.
  2. Ändra textinnehållet:
    • Använd textContent-egenskapen för att ändra textinnehållet direkt.
    • Använd innerHTML-egenskapen för att ändra både textinnehåll och HTML-taggar.
  3. Spara ändringarna: Dina ändringar sparas automatiskt.

Exempel:

// Hämta elementet
const el = document.getElementById("min-text");

// Ändra textinnehållet
el.textContent = "Ny text";

Att förbättra tillgängligheten:

Använd textContent istället för innerHTML för att säkerställa att ändringar inte påverkar struktur eller semantik.