Функцыі для работы з 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 элементу. Хай
першым параметрам функцыя прымае селектар
элемента, другім - імя атрыбута, а трэцім
- яго новае значэнне.