Jonathan Harker: document.querySelector('#div_karte, #div_karte_pfeil')

Beitrag lesen

problematische Seite

Hallo Linuchs,

wenn JS aktiv, wird display:none aufgehoben:

document.querySelector('#div_karte').style.display='inherit';
document.querySelector('#div_karte_pfeil').style.display='inherit';

mehrere Versuche einer Kurzform scheiterten, u.a.

document.querySelector('#div_karte, #div_karte_pfeil').style.display='inherit';
// oder
document.querySelectorAll('#div_karte, #div_karte_pfeil').style.display='inherit';
...

Aber dann müssen wohl die el Elemente einzeln aufgerufen werden?

Aus dem Wiki:

Die Methode querySelector() der ParentNode-Schnittstelle gibt das erste Element zurück, auf das der übergebene Selektor passt.

→ Also ändert deine erste Zeile nur das erste Element!

Die Methode querySelectorAll() der ParentNode-Schnittstelle gibt diejenigen Elemente zurück, auf die der übergebene Selektor passt. [...] Das Ergebnis des Methodenaufrufs ist ein statisches NodeList-Objekt mit den gefundenden Elementen.

→ Also musst du über diese Nodelist iterieren anstatt die Liste selbst (un)sichtbar zu machen.

Bis bald! Jonathan

--
"Ich habe heute ein Elan-Problem und mein Tatenvolumen ist fast aufgebraucht!"