Ändern Sie die CSS-Klasse Button Mit JavaScript

Ist es möglich, ändern Sie die CSS-Klasse eines HTML-button mit JavaScript?

Ich versuchte dieses aber es hat nicht funktioniert:

document.getElementById("btnChoice1").setAttribute("class", "redButton");

HTML-Schaltfläche

<button class="basicButton" id="btnChoice1">

CSS

.basicButton {
    width:300px;
}

.redButton {
    width:300px;
    background-color:red;
}
InformationsquelleAutor user1822824 | 2012-12-04
  1. 3

    className wird bevorzugt, aber Ihre setAttribute() code sollte funktionieren. Wenn es nicht funktioniert, dann haben Sie wahrscheinlich die Javascript ausführen, bevor die Schaltfläche auf der Seite vorhanden ist.

    Überprüfen, dass der code innerhalb einer window.onload Ereignis oder ist, nachdem Sie die Schaltfläche markup.

    • Du hast Recht, es war die Ausführung vor.
    InformationsquelleAutor MrCode
  2. 3

    Versuchen document.getElementById("btnChoice1").className = 'redButton'.

    InformationsquelleAutor sevenseacat
  3. 1

    könnten Sie versuchen, es mit diesem code:

    document.getElementById("btnChoice1").className = "redButton";

    wenn Sie jquery verwenden möchten, müssen Sie schreiben es so:

    (document.getElementById("btnChoice1")).setAttribute("class", "redButton");

    Grüßt Knerd

    InformationsquelleAutor Knerd
  4. 0

    Ihr code funktioniert.

    Du probbably nicht das javascript, wo es sein sollte, oder Sie haben einige Fehler in Ihrem code, so dass javascript nicht ausgeführt wird.

    <button id="change" onClick="document.getElementById('btnChoice1').setAttribute('class', 'redButton');">change</button>

<button class="basicButton" id="btnChoice1">
    test
</button>

    Beweis dafür, dass dein code funktioniert hier http://jsfiddle.net/nDmKP/

    InformationsquelleAutor Udan
Schreibe einen Kommentar