Raketenwilli: Alternative via Klasse

Beitrag lesen

problematische Seite

document.getElementsByClassName('classname') liefert eine "collection". Die lässt sich mit Array.from(collection) in einen Array umwandeln, dessen Elementen man sodann z.B. in einer forEach-Schleife die Klasse entzieht:

<html>
	<head>
		<title>Test</title>
		<style>
			.showOnActiveJs {
				display: none;
			}
		</style>
	</head>
	<body>
		<h1>Test</h1>
		<p class="showOnActiveJs" id="foo">FOO</p>
		<p class="showOnActiveJs" id="bar">BAR</p>
		<p class="showOnActiveJs" id="baz">BAZ</p>

		<script>
			Array.from(
				document.getElementsByClassName( 'showOnActiveJs' )
			).forEach(
				function( item )  {
					item.classList.remove( 'showOnActiveJs' );
				}
			);
		</script>
	</body>
</html>