Как по клику скопировать текст из div (не textarea) в textarea?

Question

[Игорь]

Добрый вечер!

Хочу добавить кнопку "Цитировать" к комментариям к записям в блоге, которая будет брать текст из определенного div id=ХХХ (в котором находится комментарий) и помещать его в поле texarea в котором будет введен ответ на этот комментарий.

Всё перерыл ничего подходящего не могу найти. Прошу помощи)

Answer 1

[VoidVolker]

Используйте пользовательский скрипт - расширение для браузеров типа temper monkey и уже с ним. Если речь о вашем сайте - то в коде страницы добавить нужный скрипт.

Answer 2

[Сергей delphinpro]

<button data-id="XXX1" class="copy-button">Copy</button>
<div id="XXX1"></div>
<button data-id="XXX2" class="copy-button">Copy</button>
<div id="XXX2"></div>
<button data-id="XXX3" class="copy-button">Copy</button>
<div id="XXX3"></div>

<textarea id="textarea-el"></textarea>

document.querySelectorAll('.copy-button').forEach(btn => {
  btn.addEventListener('click', () => {
    const id = btn.dataset.id;
    const text = document.getElementById(id).textContent;
  
    document.getElementById('textarea-el').value = text;
  });
});

Comments

[djnick]

У Вас атрибут data-id указан, а селектор по классу .copy-button, который кнопкам не присвоен. Или я чего-то не понимаю?)

[Сергей delphinpro]

djnick, всё верно. на кнопках нужен селектор.
Дополнил ответ.