Создание текстового узла

@Kiruxa · Регистрация: 31.01.2011

Студворк — интернет-сервис помощи студентам

Всем привет.
Подскажите пожалуйста с помощью какого метода добавляется текст в элемент?
Т.е задача следующая: взять из текстереа введенный текст и добавить его в див при клике на submit.
При этом созданный див должен появиться в блоке links.

Делаю так:

HTML5
1
2
3
4
5
6
7
8
9
10
<div id="main">
      <textarea id="block_for_text"></textarea>
          <input type="submit" value="Add" id="add" />
      
      <div id="links">      
        <div class="new_block">some text some</div>
        <div class="new_block">some text some</div>
                 ......
      </div>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function blockAddText() {
 
    var addText = document.getElementById('block_for_text');
    var textN = addText.appendChild();
    
    var link = document.getElementById('links');
    
    var block = document.createElement("div");
    var blcl = block.setAttribute("class", "new_block");
    
    block.appendChild(textN);
    link.appendChild(block);
    
    return true;
 
}
 
window.onload = function() {
        document.getElementById('add').onclick = blockAddText;
}

Результата нет. js не видит текстовый узел текстереа. В различных комбинациях методов js выводит либо обжикТекст или андефайнд.
Подскажите пожалуйста в чем ошибка?

Vovan-VE · 06.02.2013, 19:32

У textarea нет children'ов - у неё только value.

JavaScript
1
document.body.appendChild( document.createTextNode('Lorem ipsum <dolor> sit amet.') );

@Kiruxa · 06.02.2013, 23:54 **[ТС]**

Спасибо, теперь текстовое значение текстереа обозначено.
Однако задача все равно не решается - не выводится див с текстовым значением,
не могу понять где ошибка. Подскажите пожалуйста.

Исправила скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function blockAddText() {
 
    var addText = document.getElementById('block_for_text').value;
    
    var link = document.getElementById('links');
    
    var block = document.createElement("div");
    var blcl = block.setAttribute("class", "new_block");
    
    block.appendChild(addText);
    link.appendChild(blcl);
    
    return true;
 
}

Vovan-VE · 07.02.2013, 15:09

Сообщение от Kiruxa

JavaScript
11
block.appendChild(addText);

См. еще раз предыдущий пост. document.createTextNode().

JavaScript
11
block.appendChild(document.createTextNode(addText));

@Kiruxa · 07.02.2013, 15:27 **[ТС]**

Ура!=) Все получилось, Vovan-VE, спасибо.

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Kiruxa 28 / 28 / 12 Регистрация: 31.01.2011 Сообщений: 311
	07.02.2013, 15:27 [ТС]
	Ура!=) Все получилось, Vovan-VE, спасибо. 0