Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 05.09.2016
Сообщений: 20

Вытащить textarea из div

21.10.2017, 21:50. Показов 1799. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, уважаемые форумчане!
Имею структуру, которая указана на картинке.
Вопрос, как мне из кода javascript обратиться к этой textarea и вставить в нее нужную строку.
Заранее спасибо!
Миниатюры
Вытащить textarea из div  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.10.2017, 21:50
Ответы с готовыми решениями:

Замена div на textarea
Доброе время суток коллеги, изучая JS наткнулся на задачку: Создать html-страницу для отображения/редактирования текста. При...

Передача переносов строк с <textarea> в div на JS
Добрый день :) В общем передается value от &lt;textarea&gt; в один из div'ов. В итоге переносы строк с textarea не как не определяются(оно...

Как получить выделенный текст (не из textarea, а из div)
Как получить выделенный текст (не из textarea, а из div), а также начало и конец выделенного текста?

12
Джоуи
 Аватар для Joey
1083 / 645 / 240
Регистрация: 05.05.2015
Сообщений: 3,559
Записей в блоге: 2
22.10.2017, 17:32
JavaScript
1
2
var d = document.querySelector("data-v-6c421478");
d.innerHTML = "Ваш текст";
0
0 / 0 / 0
Регистрация: 05.09.2016
Сообщений: 20
22.10.2017, 18:56  [ТС]
Цитата Сообщение от Joey Посмотреть сообщение
2
var d = document.querySelector("data-v-6c421478");
d.innerHTML = "Ваш
К сожалению, ошибка, что d встает в значение null, а null не может иметь метод innerHTML..
Еще варианты есть какие-нибудь?
0
Джоуи
 Аватар для Joey
1083 / 645 / 240
Регистрация: 05.05.2015
Сообщений: 3,559
Записей в блоге: 2
22.10.2017, 19:02
Ну, DreamWeaver 2017 так не считает

Кто выдает эту ошибку? На странице или какой-нибудь дебаггер?
Да и вообще, что мне делать с тем мизерным кусочком кода, который Вы даже не потрудились переписать а просто сфотографировали...
Вам надо, а не мне. Выкладывайте код
0
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
22.10.2017, 19:14
если это единственный тег textarea на странице,то можно по имени тега
JavaScript
1
2
var out = document.getElementsByTagName('textarea')[0];
out.innerHTML = 'bla-bla-bla';
или,если не единственный,то надо знать его индекс
0
0 / 0 / 0
Регистрация: 05.09.2016
Сообщений: 20
22.10.2017, 19:22  [ТС]
Joey,
function sendMessage(_0x15b6x8) {
var d =window.open( _0x15b6x8)
m = d.document.querySelector('#app > div.main-content > div > div.layout-middle > div > div.dialogs-write > div.sw-input > div > textarea');
m.value = "123";

Ошибку выдает стандартный дебагер Google CHrome по F12:
Uncaught TypeError: Cannot set property 'value' of null
at sendMessage (scripts.js:94)
at scripts.js:73

Просто кусок кода, который сфотографировал, это исходный код листа, его я скинул лишь для того, чтобы Вы видели структуру. Код функции выше. Или Вам нужен весь исходный код листа?
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
22.10.2017, 19:22
Сдается мне что дата атрибуты формируются на стороне сервера и каждый раз разные, поэтому у ТС и выдается null
поэтому выбирать нужно так :
JavaScript
1
var d = document.querySelector(".sw-input__container textarea");
0
0 / 0 / 0
Регистрация: 05.09.2016
Сообщений: 20
22.10.2017, 19:43  [ТС]
Цитата Сообщение от klopp Посмотреть сообщение
1
2
var out = document.getElementsByTagName('textarea' )[0];
out.innerHTML = 'bla-bla-bla';
К сожалению, тоже не получается.

Добавлено через 2 минуты
Цитата Сообщение от AlexZaw Посмотреть сообщение
var d = document.querySelector(".sw-input__container textarea");
Я пробовал даже так:

JavaScript
1
2
3
4
function sendMessage(_0x15b6x8) {
var d =window.open( _0x15b6x8)
m = d.document.querySelector("data-v-6c421478");
m.innerHTML= "123";
Ошибку выдает стандартный дебагер Google CHrome по F12:
Uncaught TypeError: Cannot set property 'value' of null
at sendMessage (scripts.js:94)
at scripts.js:73

Добавлено через 6 минут
Цитата Сообщение от Joey Посмотреть сообщение
Да и вообще, что мне делать с тем мизерным кусочком кода, который Вы даже не потрудились переписать а просто сфотографировали...
JavaScript
1
2
3
4
function sendMessage(_0x15b6x8) {
var d =window.open( _0x15b6x8)
m = d.document.querySelector("data-v-6c421478");
m.innerHTML = "123";
Ошибку выдает стандартный дебагер Google CHrome по F12:
Uncaught TypeError: Cannot set property 'value' of null
at sendMessage (scripts.js:94)
at scripts.js:73

Просто кусок кода, который сфотографировал, это исходный код листа, его я скинул лишь для того, чтобы Вы видели структуру. Код функции выше. Или Вам нужен весь исходный код листа?

Добавлено через 7 минут
JavaScript
1
2
3
4
function sendMessage(_0x15b6x8) {
var d =window.open( _0x15b6x8)
m = d.document.querySelector('#app > div.main-content > div > div.layout-middle > div > div.dialogs-write > div.sw-input > div > textarea');
m.value = "123";
Вот по этому коду ошибку не выдает никакую, но тем не менее текст нужный не появляется.
0
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
22.10.2017, 19:44
Цитата Сообщение от graph91 Посмотреть сообщение
К сожалению, тоже не получается.
вроде получается
HTML5
1
2
3
4
5
6
7
<body>
    <textarea data-v-6c421478 name="" id="" cols="30" rows="10"></textarea>
    <script>
        var out = document.getElementsByTagName('textarea')[0];
        out.innerHTML = 'bla-bla-bla';
    </script>
</body>
Изображения
 
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
22.10.2017, 19:45
JavaScript
1
m.innerHTML = "Ваш текст";
не?
0
0 / 0 / 0
Регистрация: 05.09.2016
Сообщений: 20
22.10.2017, 19:47  [ТС]
Цитата Сообщение от AlexZaw Посмотреть сообщение
не?
Не работает, может дело в том, что я открываю другую страницу и пытаюсь вставить при открытии?
JavaScript
1
2
3
4
function sendMessage(_0x15b6x8) {
var d =window.open( _0x15b6x8)
m = d.document.querySelector('#app > div.main-content > div > div.layout-middle > div > div.dialogs-write > div.sw-input > div > textarea');
m.value = "123";
Добавлено через 15 секунд
Цитата Сообщение от AlexZaw Посмотреть сообщение
не?
Не работает, может дело в том, что я открываю другую страницу и пытаюсь вставить при открытии?
JavaScript
1
2
3
4
function sendMessage(_0x15b6x8) {
var d =window.open( _0x15b6x8)
m = d.document.querySelector('#app > div.main-content > div > div.layout-middle > div > div.dialogs-write > div.sw-input > div > textarea');
m.value = "123";
0
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
22.10.2017, 19:55
Цитата Сообщение от graph91 Посмотреть сообщение
вставить при открытии?
элемент поди еще не загрузился,а вы пытаетесь в него что-то записать
0
0 / 0 / 0
Регистрация: 05.09.2016
Сообщений: 20
23.10.2017, 04:38  [ТС]
Цитата Сообщение от klopp Посмотреть сообщение
элемент поди еще не загрузился,а вы пытаетесь в него что-то записать
В общем смотрите, я делаю так:
функция
JavaScript
1
2
3
4
5
6
7
8
function sendMessage(_0x15b6x8) {
               var d =window.open( _0x15b6x8)
                    d.document.addEventListener('DOMContentLoaded', function(){
                           d.document.querySelector('#app > div.main-content > div > div.layout-middle > div > div.dialogs-write > div.sw-input > div > textarea').value+='Your string';
                     },false);
                     if(d.document.readyState=='complete'){
                        d.document.dispatchEvent(new Event('DOMContentLoaded'))}
}
перебирается в цикле, то есть _0x15b6x8 это каждый раз разный URL.
Может ли быть такое, что на момент проверки d.document.readyState=='complete' возвращается false из-за того, что страница просто не загрузилась?
Как дождаться d.document.readyState=='complete' и затем уже выполнять IF?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
23.10.2017, 04:38
Помогаю со студенческими работами здесь

Как вытащить высоту DIV из CSS
Проблема немного странная для меня. Потому что никогда не сталкивался с этим вопросом. Вопрос покажется нубским, но надеюсь вы сможете...

Вытащить текст из DIV и добавить к нему класс
Доброго времени уважаемые форумчане ! Подскажите как вытащить текст их div блока, задать ему какой нибудь класс, а потом опять...

Форматирование текста в textarea/div(c contenteditable="true")
Здравствуйте, почитал интернеты, но так и не смог найти внятного ответа на вопрос, каким образом реализовывается форматирование текста в...

При добавлении поля <textarea> во всех предыдущих <textarea> все стирается
&lt;body&gt; &lt;input type=&quot;button&quot; value=&quot;Add note&quot; onclick=&quot;add('notes',0)&quot;&gt; &lt;div id=&quot;notes&quot;&gt; &lt;textarea id=&quot;inp0&quot; cols=&quot;30&quot;...

Можно ли накрыть TEXTAREA другим объектом, который который содержит текст этого TEXTAREA ?
Mozhno li nakrit TEXTAREA drugim objektom kotori soderzhit text etovo TEXTAREA ?? Delo v tom chto kakda aktivnost uxodit ot TEXTAREA...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru