Bei onclick die Klasse eines anderen Onjekts ändern

1 dlsn

Hallo zusammen.

Wie kann ich mit JavaScript (onclick) einem Objekt (mit best. id) eine Klasse zuweisen, sobald auf ein anderes Objekt geklickt wird und wenn wieder darauf geklickt wird, soll die Klasse wieder "entfernt" werden.

Ich hoffe, man kann verstehen, was ich meine...
Ist das mit JavaScript umsetzbar?

2 Jörg Kruse

Ja, das ist umsetzbar

CSS:

#elem2.foo {
    color: red;
}

JavaScript:

document.addEventListener("DOMContentLoaded", function() {
    var elem1 = document.getElementById('elem1');
    var elem2 = document.getElementById('elem2');
    elem1.addEventListener('click', function() {
        elem2.classList.toggle('foo');
    });
});

HTML:

<input type="checkbox" name="test" value="" id="elem1">
<span id="elem2">TEST</span>

3 dlsn

Vielen lieben Dank, funktioniert einwandfrei!

nach oben

Bei onclick die Klasse eines anderen Onjekts ändern

Beitrag schreiben (als Gast)