Edycja textarea

Witam, dopiero zaczynam przygodę z js. Napotkałem problem, który pewnie będzie dla większości banalny do rozwiązania ale niestety mi się na chwilę obecną nie udaje. Chciałbym za pomocą js edytować pole typu textarea, tak żeby został tam wpisany jakiś tekst. Jest to część wtyczki chrome i edytowane pole nie jest na mojej stronie.
Tak wygląda pole:

<textarea maxlength="500" class="application-form_textarea form-textarea js-comment"></textarea>

Próbowałem pobrać i edytować to pole w taki sposób, ale nie działa:

document.getElementsByClassName('application-form_textarea.form-textarea.js-comment').value = 'Treść';

Jak chciałem pobrać samą wartość i wyświetlić to zwróciło undefined, a jak pobierałem cały element to HTMLCollection []
Pomoże ktoś?

getElementsByClassName() oczekuje nazwy klasy bez kropki (https://developer.mozilla.org/pl/docs/Web/API/Document/getElementsByClassName).

Próbowałeś tak?

const el = document.getElementsByClassName('application-form_textarea.form-textarea.js-comment');
el.innerText = "Treść"; 
// lub
el.innerHTML = 'Treść';