Объектная модель DOM

@Syltan · Регистрация: 27.08.2009

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

Изучаю DOM Явыскрипт вот оппробовал получить доступ через структуру которую имеет язык Джаваскрпипт чего-то ИЕ останавливается на 4 строке и говорит что эт оесть нуль и не является объектом. Я хочу изменить надпись на кнопке под номером №3.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html><head>
<title>Тренировочный документ</title>
<script type='text/javascript'>
window.document.forms[0].elements[2].value = 'Privet';
</script>
</head>
<body>
<form>
<input type="button" value='Щёлкни меня' onClick="alert('1')">
<input type="button" value='Щёлкни меня' onClick="alert('2')">
<input type="button" value='Щёлкни меня' onClick="alert('3')">
<input type="button" value='Щёлкни меня' onClick="alert('4')">
<input type="button" value='Щёлкни меня' onClick="alert('5')">
</form>
</body>
</html>

Не работает.

@romchiksoad · 06.08.2010, 02:43

Как вариант, можно добавить id к кнопкам и потом написать так:

JavaScript
1
2
var value = getElementById( 'but3' ).value;
value = 'привет!';

По идее должно работать

Добавлено через 3 минуты
И еще, этому нужно присвоить какое-то событие. Например, добавьте те строчки к onclick или напишите функцию и уже её добавьте к onclick

@Syltan · 06.08.2010, 02:56 **[ТС]**

Я хочу именно используя дом, так как читаю про дом в книге, так не выйдет? толкьо нужно метки делать а потом на них ссылаться?

@romchiksoad · 06.08.2010, 04:00

Syltan, getElementById и есть одна из функций DOM

Vovan-VE · 06.08.2010, 07:07

Syltan, document.forms[0].elements[2] - это не DOM. Выкиньте книгу, ибо ересь.

@рони · 06.08.2010, 08:09

Syltan, идёт обращение к элементу до его создания поэтому и неработает, ставьте скрипт после формы или используйте window.onload

@Hagrael · 06.08.2010, 13:38

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

Syltan, идёт обращение к элементу до его создания поэтому и неработает, ставьте скрипт после формы или используйте window.onload

Именно. Но есть 2-й вариант:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<script>
function func() {
    document.forms[0].elements[2].value="Hi!";
}
</script>
</head>
<body onload="func()">
...
</body>
</html>

Сообщение от Vovan-VE

Syltan, document.forms[0].elements[2] - это не DOM. Выкиньте книгу, ибо ересь.

Ну массив forms и массив elemts существуют, так что это перемещение по узлу DOM, хоть и не очень удобное. А книга и правда ересь. На javascript.ru учите туториалы.

@ostgals · 06.08.2010, 13:41

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

На javascript.ru учите туториалы

А еще лучше переходите на jQuery. Разница в реализации DOM в разных броузерах настолько велика, что лучше и безопаснее использовать нормальный фреймворк, чем чистый JS.

Vovan-VE · 06.08.2010, 13:44

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

Ну массив forms и массив elemts существуют, так что это перемещение по узлу DOM

Перемещение по узлам DOM - это использование методов и свойств DOM (firstChild, nextSibling, previousSibling, parentNode, appendChild(), insertAfter(), insertBefore() и т.д.)

@Hagrael · 06.08.2010, 13:52

Vovan-VE, да, но ведь так ты тоже по нему перемещаешься.

Vovan-VE · 06.08.2010, 13:57

Hagrael, По кому по нему? Там же прямо так и написано: document.forms...

@Hagrael · 06.08.2010, 14:26

Vovan-VE, по DOM'у.

@Syltan · 06.08.2010, 18:18 **[ТС]**

Вот так не работает.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html><head>
<title>Тренировочный документ</title>
<script type='text/javascript'>
document.onload = tet;
function tet(){
window.document.onload.forms[0].elements[2].value = 'Privet';
}
 
 
</script>
</head>
 
<form>
<input type="button" value='Щёлкни меня' onClick="alert('1')">
<input type="button" value='Щёлкни меня' onClick="alert('2')">
<input type="button" value='Щёлкни меня' onClick="location.href = 'http://yahoo.com'">
<input type="button" value='Щёлкни меня' onClick="alert('4')">
<input type="button" value='Щёлкни меня' onClick="alert('5')">
</form>
 
 
 
</html>

Vovan-VE · 06.08.2010, 19:22

JavaScript
1
document.forms[0].elements[2].value = 'Privet';

@Hagrael · 07.08.2010, 04:29

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

window.document.onload.forms[0].elements[2].value = 'Privet';

А разве не так надо:

JavaScript
1
document.body.onload="document.forms[2].elements[3].value='Привет'"

Vovan-VE · 07.08.2010, 06:18

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

А разве не так надо:

JavaScript
1
document.body.onload

onload в том коде уже есть.

@Hagrael · 07.08.2010, 06:30

Vovan-VE, так разве Syltan правильно написал?

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@Syltan 241 / 9 / 7 Регистрация: 27.08.2009 Сообщений: 868
	06.08.2010, 02:56 [ТС]
	Я хочу именно используя дом, так как читаю про дом в книге, так не выйдет? толкьо нужно метки делать а потом на них ссылаться? 0

@romchiksoad 1957 / 796 / 89 Регистрация: 03.11.2009 Сообщений: 3,066 Записей в блоге: 2
	06.08.2010, 04:00
	Syltan, getElementById и есть одна из функций DOM 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	06.08.2010, 07:07
	Syltan, document.forms[0].elements[2] - это не DOM. Выкиньте книгу, ибо ересь. 0

@рони 35 / 35 / 6 Регистрация: 26.02.2010 Сообщений: 62
	06.08.2010, 08:09
	Syltan, идёт обращение к элементу до его создания поэтому и неработает, ставьте скрипт после формы или используйте window.onload 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	06.08.2010, 13:52
	Vovan-VE, да, но ведь так ты тоже по нему перемещаешься. 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	06.08.2010, 13:57
	Hagrael, По кому по нему? Там же прямо так и написано: document.forms... 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	06.08.2010, 14:26
	Vovan-VE, по DOM'у. 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	07.08.2010, 06:30
	Vovan-VE, так разве Syltan правильно написал? 0