Всем привет! Подскажите, как вывести следующее HTML коллекцию в браузер: Нахожу нужный элемент по id: Код (Text): let out_info_js = document.getElementById('id_div_info_js'); Нахожу все элементы textarea по классу: Код (Text): var textarea = document.getElementsByClassName('class_textarea'); Далее перебираю полученную коллекцию и вывожу в тот нужный элемент, в консоль выводит нормально, а браузере пишет [object HTMLTextAreaElement]??? Код (Text): for (let i = 0; i < textarea.length; i++) { out_info_js.innerHTML = textarea[i]; console.log(textarea[i]); } За ранее благодарю за ответ!
А что в консоле? скопируйте прямо сюда --- Добавлено --- Код (Javascript): var textarea = document.getElementsByClassName('class_textarea'); for (let i = 0; i < textarea.length; i++) { out_info_js.innerHTML = textarea[i].value; console.log(textarea[i].value); }
С добавлением .value С добавлением .value выводит содержимое textarea, а нужно сам html код, чтобы затем отобразилось все в браузере. В консоль выводит: <textarea class="class_textarea" rows cols name="name_1">Текст 1.1</textarea> <textarea class="class_textarea" rows cols name="name_2">Текст 1.2</textarea>
Код (Javascript): let out_info_js = document.getElementById('id_div_info_js'), textarea = document.querySelectorAll('.class_textarea'); textarea.forEach(el => out_info_js.textContent += el.outerHTML );
Да, чтобы вставить его в код html и на странице отобразилось поле ввода textarea. --- Добавлено --- Выводит текстом все в браузер, нужно кодом html.
Вас хер поймешь. Код (Javascript): textarea.forEach(el => out_info_js.innerHTML += el.outerHTML ); Если и это не то, то я пас.
Можете объяснить, почему в коде textarea = document.querySelectorAll('.class_textarea'); не ставим объявление переменной let/var (let textarea)? С объявлением не работает.