С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Kiruxa
28 / 28 / 12
Регистрация: 31.01.2011
Сообщений: 311
1

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

06.02.2013, 18:06. Просмотров 591. Ответов 4
Метки нет (Все метки)

Всем привет.
Подскажите пожалуйста с помощью какого метода добавляется текст в элемент?
Т.е задача следующая: взять из текстереа введенный текст и добавить его в див при клике на 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 выводит либо обжикТекст или андефайнд.
Подскажите пожалуйста в чем ошибка?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.02.2013, 18:06
Ответы с готовыми решениями:

Создание простого текстового редактора
Здравствуйте. Задание у меня такое: нужно создать самый простенький текстовый...

Скрипт удаления узла в DOM
Здравствуйте.Ситуация следующая ... . Загружается страница с картой. На карте...

Извлечение значения узла в коде
Добрый день, извените за дурацкий ворос. Но не совсем понятно как сделать...

Чтение определенного узла из XML файла
у меня есть xml файл следующего содержания: &lt;?xml version='1.0'...

Создание узла в DGV
Как создать узель в DGV

4
Vovan-VE
13161 / 6546 / 1038
Регистрация: 10.01.2008
Сообщений: 15,070
06.02.2013, 19:32 2
У textarea нет children'ов - у неё только value.

Javascript
1
document.body.appendChild( document.createTextNode('Lorem ipsum <dolor> sit amet.') );
1
Kiruxa
28 / 28 / 12
Регистрация: 31.01.2011
Сообщений: 311
06.02.2013, 23:54  [ТС] 3
Спасибо, теперь текстовое значение текстереа обозначено.
Однако задача все равно не решается - не выводится див с текстовым значением,
не могу понять где ошибка. Подскажите пожалуйста.

Исправила скрипт:
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;
 
}
0
Vovan-VE
13161 / 6546 / 1038
Регистрация: 10.01.2008
Сообщений: 15,070
07.02.2013, 15:09 4
Цитата Сообщение от Kiruxa Посмотреть сообщение
Javascript
11
block.appendChild(addText);
См. еще раз предыдущий пост. document.createTextNode().
Javascript
11
block.appendChild(document.createTextNode(addText));
1
Kiruxa
28 / 28 / 12
Регистрация: 31.01.2011
Сообщений: 311
07.02.2013, 15:27  [ТС] 5
Ура!=) Все получилось, Vovan-VE, спасибо.
0
07.02.2013, 15:27
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.02.2013, 15:27

Как получить значение одного узла по значению другого узла?
Всем благополучия. Помогите разобраться с вроде несложной ситуацией, плз....

При проверке узла не удалось обнаружить узел Х. Проверьте имя узла и повторите попытку
Периодически пропадает интернет с ошибкой: &quot;При проверке узла не удалось...

Создание квадродеревьев (дерево, в котором у каждого внутреннего узла ровно 4 потомка)
Добрый день! Мне показался интересным вопрос создании квадродеревьев ( дерево,...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru