# Передача DOM элемента параметром функции

В предыдущих уроках мы передавали в наши функции селекторы элементов, и наши функции сами получали ссылки на эти элементы внутри своего кода. Существует и другой подход: в функции можно передавать уже полученные ранее ссылки на элементы.

Давайте посмотрим на примере. Пусть у нас есть следующий код:

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

Давайте сделаем функцию `setText`, которая первым параметром будет принимать ссылку на DOM элемент, а вторым - текст элемента:

`function setText(elem, text){ elem.textContent = text; }`

Используем созданную нами функцию для установки текста наших абзацев:

`let elem1 = document.getElementById('elem1'); setText(elem1, 'text1'); let elem2 = document.getElementById('elem2'); setText(elem2, 'text2');`

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

Даны абзацы. Получите их, переберите циклом и каждому добавьте в конец `'!'` с помощью функции `appendText`, сделанной в предыдущей задаче.

Сделайте функцию `setValue`, которая первым параметром будет принимать ссылку на инпут, а вторым - текст. Сделайте так, чтобы данная функция устанавливала переданный текст в `value` инпута.

←→
↑
en ru