Funktionen zur Arbeit mit DOM-Elementen in JavaScript

Jetzt lernen wir, wie man Hilfsfunktionen erstellt, die bestimmte Operationen mit dem DOM durchführen. Lassen Sie uns zum Beispiel eine Funktion erstellen, die als ersten Parameter die id des Elements und als zweiten - den Text des Elements entgegennimmt und diesem Element einen neuen Text setzt.

Hier ist die beschriebene Funktion:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Testen wir ihre Funktion. Nehmen wir an, wir haben zwei Absätze:

<p id="elem1"></p>
<p id="elem2"></p>

Lassen Sie uns den Text dieser Absätze ändern, indem wir die von uns erstellte Funktion verwenden:

setText('elem1', 'text1');
setText('elem2', 'text2');

Modifizieren Sie die von mir erstellte Funktion so, dass sie als Parameter nicht die id des Elements, sondern einen beliebigen CSS-Selektor akzeptiert.

Erstellen Sie eine Funktion setAttr, die ein Attribut eines DOM-Elements ändert. Lassen Sie die Funktion als ersten Parameter den Selektor des Elements, als zweiten - den Namen des Attributs und als dritten - seinen neuen Wert entgegennehmen.