offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jsPmFDDEF 485 of 503 menu

Функции для работы с DOM элементом на JavaScript

Сейчас мы с вами научимся делать вспомогательные функции, выполняющие какие-либо операции с DOM. Например, давайте сделаем функцию, которая первым параметром будет принимать id элемента, а вторым - текст элемента, и будет устанавливать этому элементу новый текст.

Вот описанная функция:

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

Давайте опробуем ее работу. Пусть у нас есть два абзаца:

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

Давайте поменяем текст этим абзацам, воспользовавшись созданной нами функцией:

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

Модифицируйте созданную мною функцию так, чтобы параметром она принимала не id элемента, а произвольный CSS селектор.

Сделайте функцию setAttr, которая будет менять атрибут DOM элементу. Пусть первым параметром функция принимает селектор элемента, вторым - имя атрибута, а третьим - его новое значение.

enru