2

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

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>

1
  • 1
    Я бы вместо document.getElementsByClassName('product-title-main') использовалdocument.querySelectorAll('.product-title-main'). Ну и для второго класса - тоже. В любом случае, элементы надо перебирать в цикле.
    – Quazimorda
    20 мар 2020 в 13:10

1 ответ 1

5

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.