0

Есть основной код который должен выполняться

   var realInner = document.getElementById("real-inner").innerHTML;
   document.getElementById("fake-inner").innerHTML = realInner;

Но он должен выполняться, если на странице найден элемент .real-inner. Для это нахожу элементы и выполняю метод forEach. Получается следующая конструкция:

 document.querySelectorAll(".real-inner").forEach (function() {
   var realInner = document.getElementById("real-inner").innerHTML;
   document.getElementById("fake-inner").innerHTML = realInner;
 });

Функция не выполняется, но и не выдает ошибки. Если вызвать console.log(realInner) то получаю Uncaught ReferenceError: realInner is not defined at <anonymous>:1:13

Подскажите в какую сторону копать решение?

3
  • 2
    Селектор .real-inner ищет по классу. А у вас элемент с таким id. Измените селектор на #real-inner. 26 сен 2019 в 5:17
  • не совсем так, для поиска по Ид есть getElementById('id'), и форича там никакого не нужно, так как Ид повторяться не должни ! 26 сен 2019 в 10:22
  • Да, у меня тут две ошибки: логическая и орфографическая. Все спасибо. 26 сен 2019 в 11:56

1 ответ 1

0

Решение

document.addEventListener("DOMContentLoaded", function() {

  //Автозаполнение текста #fake-inner на странице project
  let innerSwitcher = function () {

    // Определяем переменные
    let real = document.getElementById("real-inner"),
        fake = document.getElementById("fake-inner");

    // Условие для выполнение скрипта
    if (!real || !fake) return;

    // Присвоение значение real к fake
    fake.innerHTML = real.innerHTML; };
  // Запуск функции
  innerSwitcher();
});

Ваш ответ

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

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