Пользовательское соглашение, Политика конфиденциальности, Правила
49306956


Простейший пример DOM (Document Object Model)
Автор Сообщение
all__ Не на форуме
Админ
*******

Сообщений: 874
Зарегистрирован: 01.2010
Сообщение: #1
Простейший пример DOM (Document Object Model)
Чтобы понять как устроен доступ к документу средствами JavaScript, приведем следующий пример.
Создаем index.html
Код:
<div id="out"></div><br>
<input type="text" onkeyup="send()" id="in" />
<script type="text/javascript" src="send.js"></script>

Div с меткой id="out" служит для вывода данных.
В вводить данные будем в input c id="in", который по событию onkeyup="send()" (отжатие клавиши) будет выполнять функцию send() в нашем скрипте.

Теперь создадим send.js
Код:
function send(){
    var inputs = document.getElementById('in'); // получаем объект "in" в inputs
    var outputs=document.getElementById('out'); // получаем объект "out" в outputs
    outputs.innerHTML=inputs.value; // присваиваем значение inputs значению outputs, у нас это div,
}
В прикреплении можно скачать рабочий пример.


Прикрепления
.zip  replicator.zip (Размер: 549 байт / Загрузок: 173)

Лучшая благодарность - "Мне нравится", +1 или Like! Вверху страницы.
16.02.2010 16:33
Вебсайт Найти все сообщения Цитировать это сообщение
Создать ответ 


Похожие темы
Тема: Автор Ответов: Просмотров: Посл. сообщение
  Post запрос - Пример 1 all__ 40 24 710 25.08.2011 14:54
Посл. сообщение: Гость
  Работа с canvas - простейший пример all__ 0 5 051 12.07.2011 14:30
Посл. сообщение: all__
  Post запрос timeout - Пример 2 all__ 77 13 282 16.02.2010 17:00
Посл. сообщение: all__