Weitere Alternative via data-attribut ... bearbeitet von Raketenwilli 21.08.2022 15:01 > Möglicherweise will man auch auf die Klasse showOnActiveJs verzichten und die Elemente anhand ihrer ID selektieren Oder anhand eines `data-attributes`: ~~~html <p data-selector="hiddenIfNoneJs" hidden="1">Foo</p> <p data-selector="hiddenIfNoneJs" hidden="1">Bar</p> <p data-selector="hiddenIfNoneJs" hidden="1">Baz</p> ~~~ ~~~js document.querySelectorAll( '[data-selector="hiddenIfNoneJs"]' ).forEach( item => { item.hidden = false; }); ~~~
Alternative via Klasse bearbeitet von Raketenwilli 21.08.2022 15:03 > Möglicherweise will man auch auf die Klasse showOnActiveJs verzichten und die Elemente anhand ihrer ID selektieren Oder anhand eines `data-attributes`: ~~~html <p data-selector="hiddenIfNoneJs" hidden="1">Foo</p> <p data-selector="hiddenIfNoneJs" hidden="1">Bar</p> <p data-selector="hiddenIfNoneJs" hidden="1">Baz</p> ~~~ ~~~js document.querySelectorAll( '[data-selector="hiddenIfNoneJs"]' ).forEach( item => { item.hidden = false; }); ~~~
Alternative via Klasse bearbeitet von Raketenwilli 21.08.2022 15:02 > Möglicherweise will man auch auf die Klasse showOnActiveJs verzichten und die Elemente anhand ihrer ID selektieren Oder anhand eines `data-attributes`: ~~~html <p data-id="hiddenIfNoneJs" hidden="1">Foo</p> <p data-id="hiddenIfNoneJs" hidden="1">Bar</p> <p data-id="hiddenIfNoneJs" hidden="1">Baz</p> ~~~ ~~~js document.querySelectorAll( '[data-id="hiddenIfNoneJs"]' ).forEach( item => { item.hidden = false; }); ~~~
nicht angemeldet
