JavaScript: Bibliothek - Remove ClassName

Wir erweitern unsere Bibliothek bib.js um folgende Funktion/Methode:
Mitwelcher wir Klassen löschen können. Ähnlich wie wir sie mit setClass() hinzugefügt werden.
moveClass()
Diese Methode/Funktion erwartet zwei Parameter:

Selektor
className

moveClass( 'selektor' , 'className' )

bib.js:

function moveClass( el , cl ){
	const myEl = getObj( el);
	// Wenn ein Array geliefert wird
	if ( myEl.length > 1 ) {
		myEl.forEach( el => {
			el.classList.remove( cl );
		});
	}else{
		myEl.classList.remove( cl );
	}
}

Der Aufruf: moveClass( 'selektor' , 'className' ) wie Oben schon gezeigt.

Der Aufruf könnte wie folgt aussehen:
onclick="moveClass( ' .multi-class ' , ' classYellow ')"

Doch sehen wir uns das Beispiel an.

Wenn Ihr Anregungen oder Kommentare habt, seid so nett und kontaktiert mich unter: Kontakt

Kopiert Euch gerne den Code und probiert es aus: Code
Kopiert Euch die gesamte bib.js als bib.txt: Code

Beispiel

Multi-ClassName

Code


HTML:

<div id="wrapper" class="my-wrapper">
	<div class="multi-class classYellow">Multi-ClassName</div>
	<div class="multi-class classYellow">Multi-ClassName</div>
	<div class="multi-class classYellow">Multi-ClassName</div>
	<div class="multi-class classYellow">Multi-ClassName</div>
</div>
<br>
<button class="ancor_button" 
  onclick="moveClass('.multi-class','classYellow')">
  classYellow löschen
</button> 

<button class="ancor_button"
  onclick="setClass('.multi-class','classYellow')">
  classYellow setzen
</button>



CSS:

.classYellow{
	color: yellow !important;
}



JavaScript: bib.js:

/* START::: getObj() */
function getObj ( identifier ) {
	const idfName = identifier;
	
	// Element speichern
	const myElem = document.querySelectorAll(idfName);
	
	// Rückgabe des Elementes
	if ( myElem.length === 1 ){ 
		// Element ist eindeutig
		return myElem[0];
	} else { 
		// Mehrere Elemente vorhanden => Rückgabe Array
		return myElem;
	}
}
/* ENDE::: getObj() */

/* START:::  Remove Class */
function moveClass( el , cl ){
	const myEl = getObj( el);
	// Wenn ein Array geliefert wird
	if ( myEl.length > 1 ) {
		myEl.forEach( el => {
			el.classList.remove( cl );
		});
	}else{
		myEl.classList.remove( cl );
	}
}
/* ENDE::: Remove Class */