JavaScript: Bibliothek - Set Attribute

Wir erweitern unsere Bibliothek bib.js um folgende Funktion/Methode:
setAttr()
Diese Methode/Funktion erwartet drei Parameter:

• Selektor
• Das Attribute
• Den Wert

Was soll unsere neue Methode machen?
Im Eigentlichen genau das was setAttribute() auch macht.
Nur brauchen wir uns jetzt nicht mehr darum zu kümmern, ob das Element einmal oder mehrere Male auf der Seite vorkommt. Die Zuweisung übernimmt unsere Methode und hält so unseren Code kurz und übersichtlich.

Rufen wir uns nochmals unsere Methode getObj() in Erinnerung:

function getObj ( identifier ) {
	const idfName = identifier;
	
	// Element speichern
	const myElem = document.querySelectorAll(idfName);
	
	// Rückgabe des Elementes
	if ( myElem.length === 1 ){ 
		// Element ist eindeutig => ID oder 
		// es wurde nur ein Element gefunden
		return myElem[0];
	} else { 
		// Mehrere Elemente vorhanden => Rückgabe Array
		return myElem;
	}
}

Und jetzt unsere neue Methode setAttr():

function setAttr( el , att , val  ){
	const myEl = getObj( el);
	// Wenn ein Array geliefert wird
	if ( myEl.length > 1 ) {
		myEl.forEach( el => {
			el.setAttribute( att , val );
		});
	}else{
		myEl.setAttribute( att , val );
	}
}

Der Aufruf: setAttr( 'selektor' , 'attribute', 'wert') wie Oben schon gezeigt.

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

Kopiert Euch die gesamte bib.js als bib.txt: Code