CSS Klassen hinzufügen?

Hallo,

wie kann ich durch den Klick auf einen Knopf eine Klasse einem div Container hinzufügen?

Comments

[PWolff]

In einem Baukastensystem oder beim Endanwender?

[enolemraloP]

Ich bin mir nicht sicher ob du es so meinst aber beim Endanwender soll es sich verändern. Also beim Endanwender

Answer 1

[Babelfish]

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.

Answer 2

[Sören Stabenow]

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

Answer 3

[DodgeRT]

mit klick? naja, du klickst in die zeile und schreibst class="hugo"

ansonsten is des ne funktion die deine IDE unterstützt...

Comments

[Sören Stabenow]

dude...

[enolemraloP]

nein ich meine das ich einen Knopf erstellt habe und wenn der geklickt wird eine Klasse hinzugefügt wird

[horsti98]

@enolemraloP

Joa onclick= (das was thehairy geschrieben hat)