Funkce pro práci s DOM prvkem v JavaScriptu

Nyní se naučíme vytvářet pomocné funkce, které provádějí různé operace s DOM. Například vytvořme funkci, která bude jako první parametr přijímat id prvku a jako druhý - text prvku, a bude tomuto prvku nastavovat nový text.

Zde je popsaná funkce:

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

Pojďme vyzkoušet její funkčnost. Předpokládejme, že máme dva odstavce:

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

Pojďme změnit text těchto odstavců pomocí vytvořené funkce:

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