Gibt es eine Möglichkeit, eine Klasse innerhalb einer Id mit getElementById aufzurufen?

8

Wie Sie sehen können, habe ich zwei verschiedene Audiodateien, die id="6.1" entsprechen. Gibt es eine Möglichkeit, getElementById zu verwenden, die nur die "direkte" Klasse des Inhalts der ID aufruft? Ich weiß, dass Sie Optionen in ID aufrufen können. Ich habe versucht "document.getElementById ('6.1'). Options [0] .text.play ()", aber das hat nicht funktioniert. (Natürlich bin ich neu dabei.) Hat jemand einen Hinweis?

%Vor%     
jennykat 31.10.2015, 15:17
quelle

3 Antworten

4

Die . -Notation wird verwendet, um den Klassenselektor zu bezeichnen, und er sollte nicht in der ID verwendet werden. Also wählt selector #6.1 das Element mit der ID 6 und der Klasse 1 .

Verwenden Sie querySelector mit Attribut = Wert Selektor.

%Vor%

Demo

%Vor% %Vor% %Vor%
    
Tushar 31.10.2015 15:48
quelle
1

Sie können jquery verwenden:

%Vor%

Oder wenn Sie auf einfachem JavaScript DOM bestehen:

%Vor%

Allerdings glaube ich nicht, dass das tatsächlich das tun wird, was Sie tun wollten. Die mehreren <source> s sollen Fallback-Audio-Quellen sein, die alle das gleiche Audio nur in unterschiedlichen Formaten (z. B. MP3, Ogg) enthalten. HTML spezifiziert einen Algorithmus, den der Browser verwendet, um zu entscheiden, welche Alternative zu verwenden ist, basierend auf dem, was der Browser spielen kann. Sie sollten für die automatische Aushandlung kein JavaScript benötigen, der Browser sollte automatisch auswählen, welche Alternative zu spielen ist.

Was versuchst du eigentlich zu tun?

    
Lie Ryan 31.10.2015 15:43
quelle
0

Dies passt sehr gut zu document.querySelector() oder document.querySelectorAll()

Hier ist ein einfaches Beispiel:

%Vor%

Demo

Ein weiterer Vorteil ist, dass Sie mehrere Eigenschaften gleichzeitig abfragen können. Beispiel:

%Vor%     
jaggedsoft 20.11.2015 04:54
quelle

Tags und Links