CSS Klassen hinzufügen?
Hallo,
wie kann ich durch den Klick auf einen Knopf eine Klasse einem div Container hinzufügen?
![](https://images.gutefrage.net/media/default/user/7_nmmslarge.png?v=1438863662000)
In einem Baukastensystem oder beim Endanwender?
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
Ich bin mir nicht sicher ob du es so meinst aber beim Endanwender soll es sich verändern. Also beim Endanwender
3 Antworten
![](https://images.gutefrage.net/media/user/Babelfish/1600521171320_nmmslarge__47_47_690_690_7a344d30a971c61ba08b6baba08a321b.png?v=1600521171000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, Programmieren & Softwareentwicklung
Zum Beispiel so:
https://jsfiddle.net/Babelfisch/ej2ntos8/4/
HTML
<div class="container"></div>
<nav>
<button class="btn">Drück mich!</button>
</nav>
Javascript
document.addEventListener("DOMContentLoaded", function() {
document.querySelector(".btn").addEventListener("click", (e) => {
document.querySelector(".container").classList.toggle("active");
});
});
Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.
Dultus, UserMod Light
bestätigt
Von
Experte
![](https://images.gutefrage.net/media/user/thehairy/1701696122032_nmmslarge__120_50_768_768_8965860961f2d2b659d096ad29ce3bf9.webp?v=1701696122000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Softwareentwickler / IT-Prozessmanager
Mit hilfe von Document.getElementById() kannst du anhand der ID in JavaScript das DIV bekommen und dann kannst ueber die classList property eine Klasse hinzufuegen.
let div = document.getElementById('id');
div.classList.add('class')
Woher ich das weiß:Studium / Ausbildung – Fachinformatiker /Anwendungsentwicklung
![](https://images.gutefrage.net/media/user/DodgeRT/1529572016769_nmmslarge__92_29_516_516_2159a45a5143b35e639048a39bec1647.jpg?v=1529572019000)
mit klick? naja, du klickst in die zeile und schreibst class="hugo"
ansonsten is des ne funktion die deine IDE unterstützt...
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
![](https://images.gutefrage.net/media/user/thehairy/1701696122032_nmmslarge__120_50_768_768_8965860961f2d2b659d096ad29ce3bf9.webp?v=1701696122000)
nein ich meine das ich einen Knopf erstellt habe und wenn der geklickt wird eine Klasse hinzugefügt wird