Manipulating DOM Elements

Elemek kiválasztásaElemek létrehozása

Once you select an element, you can change it in many ways: update its text or HTML content, modify attributes like src or href, add or remove classes, or apply styles directly.

These changes happen instantly in the browser – making pages dynamic and interactive.

Changing Text Content

Use textContent for plain text (safe, escapes HTML) or innerHTML for HTML markup.

Updating Attributes

Use setAttribute() or direct property access (like src, href, value).

Managing Classes with classList

classList provides methods: add, remove, toggle, contains.

Changing Inline Styles

Directly modify the style property (camelCase for properties like backgroundColor).

Quick Quiz

Az anyagokat átnéztük és ellenőriztük, de hibák továbbra is előfordulhatnak. A tartalom kizárólag oktatási célt szolgál, ezért saját felelősségre használd, és szükség esetén ellenőrizd más forrásokkal is.

✨ Kérdezd Larát — a tanulási partnered

Fedezd fel a személyre szabott tanulási támogatást. Lara elmagyarázza az anyagot, összefoglalja a témákat és megválaszolja a kérdéseidet — az Go csomagtól elérhető.


Lara segít gyorsabban tanulni — kizárólag a ReadyTools Go, Plus és Max tagoknak.

Kövesd nyomon a fejlődésed 🚀

Tanulj egyszerűbben utad nyomonkövetésével teljesen ingyen.