nicht angemeldet
Gunnar Bittersmann@@Raketenwilli
Nö. Eher so:
<html>
<head>
<title>Test</title>
</head>
<body>
<h1>Test</h1>
<p class="showOnActiveJs" id="foo" hidden="">FOO</p>
<p class="showOnActiveJs" id="bar" hidden="">BAR</p>
<p class="showOnActiveJs" id="baz" hidden="">BAZ</p>
<script>
Array.from(
document.getElementsByClassName('showOnActiveJs')
).forEach(
function ( item ) {
item.hidden = false;
}
);
</script>
</body>
</html>
document.getElementsByClassName('showOnActiveJs') liefert eine HTMLCollection.
document.querySelectorAll('.showOnActiveJs') liefert eine NodeList – da kannst du forEach() drauf anwenden und brauchst das Array.from() nicht:
document.querySelectorAll('.showOnActiveJs').forEach(
function ( item ) {
item.hidden = false;
}
);
Gern auch mit Pfeilfunktion:
document.querySelectorAll('.showOnActiveJs').forEach( item => {
item.hidden = false;
});
Oder eben mit Schleife:
for (let item of document.querySelectorAll('.showOnActiveJs') {
item.hidden = false;
}
Möglicherweise will man auch auf die Klasse showOnActiveJs verzichten und die Elemente anhand ihrer ID selektieren:
document.querySelectorAll('#foo, #bar, #baz').forEach( item => {
item.hidden = false;
});
bzw.
for (let item of document.querySelectorAll('#foo, #bar, #baz') {
item.hidden = false;
}
🖖 Живіть довго і процвітайте
--
When the power of love overcomes the love of power the world will know peace.
— Jimi Hendrix
When the power of love overcomes the love of power the world will know peace.
— Jimi Hendrix
Linuchs