Сейчас мы с вами научимся делать вспомогательные
функции, выполняющие какие-либо операции
с DOM. Например, давайте сделаем функцию,
которая первым параметром будет принимать
id
элемента, а вторым - текст элемента,
и будет устанавливать этому элементу новый текст.
Вот описанная функция:
function setText(id, text) {
let elem = document.getElementById(id);
elem.innerHTML = text;
}
Давайте опробуем ее работу. Пусть у нас есть два абзаца:
<p id="elem1"></p>
<p id="elem2"></p>
Давайте поменяем текст этим абзацам, воспользовавшись созданной нами функцией:
setText('elem1', 'text1');
setText('elem2', 'text2');
Модифицируйте созданную мною функцию так,
чтобы параметром она принимала не id
элемента, а произвольный CSS селектор.
Сделайте функцию setAttr
, которая
будет менять атрибут DOM элементу. Пусть
первым параметром функция принимает селектор
элемента, вторым - имя атрибута, а третьим
- его новое значение.