document.querySelector('#div_karte, #div_karte_pfeil') bearbeitet von Raketenwilli 21.08.2022 14:00 `document.querySelectorAll`gibt eine Liste zurück. Auf deren Elemente lässt sich mit forEach eine (anonyme) Funktion anwenden. Schnelles, funktionierendes Beispiel zum **nicht *SO* nachmachen**: Die eigentlich verborgenen Items werden angezeigt. **Beachte den Hinweis unten!** ~~~HTML,bad <html> <head> <title>Test</title> <style> #foo, #bar, #baz { display:none; } </style> </head> <body> <h1>Test</h1> <p id="foo">FOO</p> <p id="bar">BAR</p> <p id="baz">BAZ</p> <script> document.querySelectorAll( "#foo, #bar, #baz" ).forEach( function ( item ) { item.style.display='block'; } ); </script> </body> </html> ~~~ **Hinweis:** Üblicherweise ändert man die Klasse(n), nicht die CSS-Eigenschaft direkt. Dafür gibt sehr viele gute Gründe.
document.querySelector('#div_karte, #div_karte_pfeil') bearbeitet von Raketenwilli 21.08.2022 14:03 `document.querySelectorAll`gibt eine Liste zurück. Auf deren Elemente lässt sich mit forEach eine (anonyme) Funktion anwenden. Schnelles, funktionierendes Beispiel zum **nicht *SO* nachmachen**: Die eigentlich verborgenen Items werden angezeigt. **Beachte den Hinweis unten!** ~~~HTML,bad <html> <head> <title>Test</title> <style> #foo, #bar, #baz { display:none; } </style> </head> <body> <h1>Test</h1> <p id="foo">FOO</p> <p id="bar">BAR</p> <p id="baz">BAZ</p> <script> document.querySelectorAll("#foo, #bar, #baz").forEach( function ( item ) { item.style.display='block'; } ); </script> </body> </html> ~~~ **Hinweis:** Üblicherweise ändert man die Klasse(n), nicht die CSS-Eigenschaft direkt. Dafür gibt sehr viele gute Gründe.
document.querySelector('#div_karte, #div_karte_pfeil') bearbeitet von Raketenwilli 21.08.2022 14:02 `document.querySelectorAll`gibt eine Liste zurück. Auf deren Elemente lässt sich mit forEach eine (anonyme) Funktion anwenden. Schnelles, funktionierendes Beispiel zum **nicht *SO* nachmachen**: Die eigentlich verborgenen Items werden angezeigt. **Beachte den Hinweis unten!** ~~~HTML,bad <html> <head> <title>Test</title> <style> #foo, #bar, #baz { display:none; } </style> </head> <body> <h1>Test</h1> <p id="foo">FOO</p> <p id="bar">BAR</p> <p id="baz">BAZ</p> <script> liste = document.querySelectorAll("#foo, #bar, #baz").forEach( function ( item ) { item.style.display='block'; } ); </script> </body> </html> ~~~ **Hinweis:** Üblicherweise ändert man die Klasse(n), nicht die CSS-Eigenschaft direkt. Dafür gibt sehr viele gute Gründe.
nicht angemeldet
