Как сделать, чтобы JS-код применялся ко всем прописанным классам?

Question

Есть код, его суть в том, что он копирует текстовое значение указанного класса и вставляет его в отмеченный в скрипте второй класс. Но почему-то код применяется только к первому классу. В чем может быть проблема?

window.onload = function () {
 let title = document.getElementsByClassName('product-title-main');
 let paste = document.getElementsByClassName('insert-here');
 paste[0].innerHTML = title[0].innerHTML;
}

<h1 class="product-title-main">"Рахат-Лукум"</h1>
<h2>Купить <span class="insert-here"></span></h2>
<h2>Отзыв о <span class="insert-here"></span></h2>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

window.onload = function () {
 let title = document.getElementsByClassName('product-title-main');
 let paste = document.getElementsByClassName('insert-here');
 [...paste].forEach(el => el.innerHTML = title[0].innerHTML);
}

<h1 class="product-title-main">"Рахат-Лукум"</h1>
<h2>Купить <span class="insert-here"></span></h2>
<h2>Отзыв о <span class="insert-here"></span></h2>

БЛОГ НА HUSL

Как сделать, чтобы JS-код применялся ко всем прописанным классам?

Ответы (1 шт):