Fügen Sie einem div mit javascript eine weitere Klasse hinzu

Ich habe eine Funktion, die prüft das Alter des Formulars und liefert dann den neuen Inhalt in ein div-je nach Ihrem Alter. jetzt bin ich nur mit getElementById zu ersetzen, die den html-Inhalt. Aber ich denke, dass die besser funktionieren würde für mich, wenn ich könnte auch hinzufügen, eine Klasse einem div als gut. Also ich habe zum Beispiel..

if (under certain age) {
    document.getElementById('hello').innerHTML = "<p>Good Bye</p>"; 
    createCookie('age','not13',0)
    return false;
} else {
    document.getElementById('hello').innerHTML = "<p>Hello</p>";  
    return true;
}

Was ich tun möchte ist alles in einem div und wenn der return false ist dann, dass div verschwindet und ersetzt wird mit einem anderen Inhalt.. kann ich alle Ideen auf einen guten Weg zu erreichen, das mit reinem javascript. Ich möchte in jQuery verwenden, die für diese spezielle Funktion.

InformationsquelleAutor der Frage Zac | 2010-04-29

  1. 64

    Wenn das element keine Klasse, geben Sie ihm eine. Ansonsten, fügen Sie ein Leerzeichen gefolgt von der Syntax new className:

      var el = document.getElementById('hello');
  if(el) {
    el.className += el.className ? ' someClass' : 'someClass';
  }

    InformationsquelleAutor der Antwort karim79

  2. 39

    Verwenden Element.classList

    document.getElementById('hello').classList.add('someClass');

    Den .add Methode wird nur die Klasse hinzuzufügen, wenn es nicht bereits vorhanden ist, auf das element. Deswegen müssen Sie sich keine sorgen über die doppelte Klassennamen.

    InformationsquelleAutor der Antwort Rich McCluskey

  3. 23

    Können Sie fügen Sie eine Klasse, um die className Mitglied, mit einem führenden Leerzeichen.

    document.getElementById('hello').className += ' new-class';

    Sehen https://developer.mozilla.org/En/DOM/Element.className

    InformationsquelleAutor der Antwort meagar

  4. 4

    Gut Sie brauchen nur zu verwenden document.getElementById('hello').setAttribute('class', 'someclass');.

    Auch innerHTML können zu unerwarteten Ergebnissen führen! Betrachten Sie das folgende;

    var myParag = document.createElement('p');

if(under certain age)
{
    myParag.text="Good Bye";
    createCookie('age', 'not13', 0);
    return false;
{
else
{
    myParag.text="Hello";
    return true;
}

document.getElementById('hello').appendChild(myParag);

    InformationsquelleAutor der Antwort Jonathan Czitkovics

  5. 0

    In der DOM-Klasse von einem element ist nur jede Klasse durch ein Leerzeichen getrennt. Sie würde nur die Notwendigkeit zur Umsetzung der parsing-Logik einfügen /entfernen der Klassen notwendig.

    Ich Frage mich aber... warum würden Sie nicht wollen, um jQuery verwenden? Es macht diese Art von problem trivial einfach.

    InformationsquelleAutor der Antwort Tejs

  6. -1

    Ich bin vor dem gleichen Problem. Wenn das übergeordnete element versteckt ist dann nach zeigt das element ausgewählt drop-down nicht angezeigt.
    Dies ist keine perfekte Lösung, aber es löste mein Problem. Nach dem anzeigen des Elements können Sie verwenden Sie folgenden code.

    function onshowelement() { $('.chosen').chosen('destroy'); $(".chosen").chosen({ width: '100%' }); }

    InformationsquelleAutor der Antwort purab

Schreibe einen Kommentar