Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.08.2009, 14:54
Интересующийся
Отправить личное сообщение для COKOJIOB Посмотреть профиль Найти все сообщения от COKOJIOB
 
Регистрация: 24.07.2009
Сообщений: 17

добавление текста в елемент
не могу понять как это правильно, делается.
я так понимаю что так, ничего не работает:

document.getElementById("elemId").value='text';
или так
document.getElementById("elemId").write('text');

вопрос может и глупый, но всё же..
Ответить с цитированием
  #2 (permalink)  
Старый 03.08.2009, 14:56
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

document.getElementById("elemId").firstChild.nodeValue+='text';
Ответить с цитированием
  #3 (permalink)  
Старый 03.08.2009, 15:01
Интересующийся
Отправить личное сообщение для COKOJIOB Посмотреть профиль Найти все сообщения от COKOJIOB
 
Регистрация: 24.07.2009
Сообщений: 17

спасибо, работает.

хотелось бы еще понять принцип работы
Ответить с цитированием
  #4 (permalink)  
Старый 03.08.2009, 15:11
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

Рассмотрим такой HTML-кусок:
<div>First div</div>other text<span>Last child</span>

Здесь дерево DOM будет таким:

-element
---text node
-text node
-element
---text node

element - узел (тег, nodeType==1)
text node - текстовый узел, ребёнок тега (firstChild - первый ребёнок) (nodeType==3)

nodeValue - свойство текстового узла, содержит его значение (текст)
Что бы поменять содержимое тега - innerHTML - содержит html-код узла.

Вобщем, читайте DOM
Ответить с цитированием
  #5 (permalink)  
Старый 03.08.2009, 15:18
Интересующийся
Отправить личное сообщение для COKOJIOB Посмотреть профиль Найти все сообщения от COKOJIOB
 
Регистрация: 24.07.2009
Сообщений: 17

понял, спасибо.

по сути нужно обращаться не к самому объекту, а к тексту внутри него.

еще я видел куски кода где вместо value использовано innerHTML, так тоже можно?
Ответить с цитированием
  #6 (permalink)  
Старый 03.08.2009, 15:22
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

Я же вам только что написал...

Чтобы поменять текст тега:
document.getElementById("elemId").childNodes[0].nodeValue='text';


Чтобы поменять HTML-код тега:
document.getElementById("elemId").innerHTML='text';
Ответить с цитированием
  #7 (permalink)  
Старый 03.08.2009, 15:26
Интересующийся
Отправить личное сообщение для COKOJIOB Посмотреть профиль Найти все сообщения от COKOJIOB
 
Регистрация: 24.07.2009
Сообщений: 17

Сообщение от B~Vladi Посмотреть сообщение
Я же вам только что написал...

Чтобы поменять текст тега:
document.getElementById("elemId").childNodes[0].nodeValue='text';


Чтобы поменять HTML-код тега:
document.getElementById("elemId").innerHTML='text';
HTML-код тега -это все его атрибуты?
Ответить с цитированием
  #8 (permalink)  
Старый 03.08.2009, 15:30
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

Соколов, ёмаё...

<div id="id">wdewe<b>asdas</b>as<i>da</i>sd</div>

Внимание вопрос: покажите мне html-код тега div.

ЗЫ: если ответ будет неверным - качаем 5 Гб книг по JavaScript и учим, меня не достаём.
Ответить с цитированием
  #9 (permalink)  
Старый 03.08.2009, 15:37
Интересующийся
Отправить личное сообщение для COKOJIOB Посмотреть профиль Найти все сообщения от COKOJIOB
 
Регистрация: 24.07.2009
Сообщений: 17

HTML -код это всё что написано между < и >
Ответить с цитированием
  #10 (permalink)  
Старый 03.08.2009, 15:41
Интересующийся
Отправить личное сообщение для COKOJIOB Посмотреть профиль Найти все сообщения от COKOJIOB
 
Регистрация: 24.07.2009
Сообщений: 17

всё сам врубился.
что где value теги не отрабатываются.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Контроль ввода текста в форму Derack Events/DOM/Window 11 09.01.2011 01:07
Цвет текста и opacity cronopio Events/DOM/Window 6 25.05.2009 20:45
Оборачивание текста в теги <b>, <i> и т.д. bizmak Элементы интерфейса 4 23.01.2009 05:01
Firefox: перехватить соббытие при перетаскивании текста no_alex Общие вопросы Javascript 9 21.08.2008 18:02
вывод нужного текста в текстовом поле при нажатии на кнопку! fifo4ka Общие вопросы Javascript 7 06.05.2008 13:36