Wert ändern-Attribut-Klasse per JavaScript

Ich habe Folgendes HTML:

<input class="vertical-tabs-active-tab" type="hidden" value="account" name="tabs__active_tab">

Brauche ich JavaScript, das wird, ändern Sie den Wert von "Konto" auf "yolo".

Dachte ich, ich könnte dies tun:

document.getElementsByClassName('vertical-tabs-active-tab').setAttribute("value", "yolo");

Aber das erzeugt einen Fehler: 

document.getElementsByClassName(...).setAttribute is not a function

Ich bin nicht in der Lage, fügen Sie eine "id" geben Sie ein, dann habe ich um den Wert zu ändern, basierend auf Klasse.

  • Dokument.getElementsByClassName(...)[0].setAttribute...
  • wenn your ' E so frisch an js ist, warum sind nicht Sie erleichtern Ihnen die Lernkurve durch die Verwendung von jQuery?
  • CSS-Klasse auf einen versteckten Feld - das ist neu.
  • Es riecht wie XY eigentlich problem. Und die Lösung ist dataset.
  • Ich denke, es sollte anders herum sein - Reine JS erste und jQuery nach. Sie müssen verstehen, grundlegende JS-Konzepte, um jQuery verwenden.
  • Ich brauche nicht zu verstehen, wie jQuery behandelt verschiedene response-Objekt-Formaten, um $.post().
  • u kidding? .post? was ist ajax? was ist JSON? was ist async?
  • Sie sind Dinge, die sind einfacher zu implementieren, wenn Sie nicht besorgt über jeden browser unterschiedliche Geschmack von Ihnen.
  • Ich war falsch. Sie können anfangen zu studieren, JavaScript jQuery. Sie können stolpern, kleine Dinge, wie nicht zu wissen, was ein Objekt, eine Funktion oder ein array ist, aber das sollte kein problem sein für einen bestimmten Lernenden.

InformationsquelleAutor Cagey215 | 2013-11-05
  1. 15
    document.getElementsByClassName('vertical-tabs-active-tab')[0].setAttribute("value", "yolo");

    document.getElementsByClassName gibt ein array von Elementen, geben Sie den index des Elements, die Sie ändern möchten.

    • Dies funktionierte perfekt für mich! Danke an alle für die schnelle Antwort. Dies war mein erstes mal Beitrag hier und ich war sehr überrascht, wie schnell die Antworten. Um jedem detail. Ich hatte eine Next-button für Drupal Vertikale Tabs. Also die tabs sind alle dynamisch erstellt vom Drupal-Kern und die CSS ausgeblendet Klasse wird von Drupal zu behalten, welche Registerkarte ist die aktuelle tab. Der Kern erzeugt, dass CSS ausgeblendet Klasse zu. Also ich hatte zu schreiben, JS, Tippen Sie in den Drupal-core zu machen, die dynamische Weiter-button. Danke tymeJV!
    InformationsquelleAutor tymeJV
  2. 7

    Kann dies tun, was Sie wollen:

    var elms = document.getElementsByClassName('vertical-tabs-active-tab')
for (var i = 0; i < elms.length; i++) {
  if (elms[i].getAttribute("value") === "account"){
   elms[i].setAttribute("value", "yolo");
  }
}
    • Archangel33, ich mag den Ausschnitt, obwohl die Lösung oben ist für mich gearbeitet. Ich speicherte das snippet, damit ich weiß, wie ich das array Durchlaufen in der Zukunft. Im Fall, dass ich brauche, um den Gegner ein anderes element. Danke!!!
    InformationsquelleAutor Archangel33
  3. 1

    getElementsByClassName zurückgeben einer Liste/array von Elementen. Pick element über index und legen Wert auf Sie. Sie können auch die Iteration über die Elemente. getElementById ist wieder nur ein element.

    InformationsquelleAutor Anton Bessonov
Schreibe einen Kommentar