Manipulating DOM Elements
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
Wir haben die Materialien überprüft, dennoch können Fehler vorkommen. Der Inhalt dient ausschließlich Bildungszwecken, daher verwende ihn auf eigene Verantwortung und überprüfe ihn bei Bedarf mit anderen Quellen.
✨ Frag Lara — deine KI-Lernpartnerin
Entsperre personalisierte Lernunterstützung. Lara kann Lektionen erklären, Themen zusammenfassen und deine Lernfragen beantworten — verfügbar ab dem Go-Tarif.
Lara hilft dir, schneller zu lernen — exklusiv für ReadyTools Go-, Plus- und Max-Mitglieder.
