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

people2010 · August 5, 2010

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

<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>

Не работает.

Edited August 5, 2010 by people2010

s0rr0w · August 6, 2010

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

И не должно. Вы пытаетесь красить стены дома, который еще не построен. JS нужно запускать только тогда, когда точно известно, что данный объект уже присутствует в DOM-дереве.

Great Rash · August 6, 2010

Либо пишите скрипт в конце страницы (как можно ближе к тегу </body>), либо запускайте выполнение скрипта при наступлении события onload у элемента window. Слово window не обязательно, т.е. можно написать вот так: document.forms[0].elements[2].value = 'Privet';

Я вообще не знаю какой у вас доктайп, но писать onClick не правильно, все буквы должны быть в нижнем регистре - onclick.

people2010, скажите пожалуйста название книги, по которой вы учитесь и год выпуска.

people2010 · August 6, 2010

Практические Занятия по JavaScript

Д.В. Николенко 2000

А если использовать document.onload

onload - это будет являтся методом класса document?

Edited August 6, 2010 by people2010

Great Rash · August 6, 2010

document.onload работать не будет

Практические Занятия по JavaScript
Д.В. Николенко 2000

Блин это каменный век! С 2000 года все очень сильно поменялось. Найдите себе более новую книгу или учитесь по этим урокам - http://javascript.ru/doctree

Иначе потом переучиваться придется.

s0rr0w · August 6, 2010

А если использовать document.onload
onload - это будет являтся методом класса document?

Можно так считать.

people2010 · August 6, 2010

Написал через метод онлоад, не работает.

<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>

Great Rash · August 6, 2010

Что за бред! Вы вообще читаете, то что вам отвечают в теме?

people2010 · August 6, 2010

А как тогда,только скрипт после кода хтмл писать и больше никак?

Нельзя ли в тегах хид поместить скрипт и туда написать чтоб при загрузке страницы он сработал и изменилось свойство 3-го инпута кнопки?

Edited August 6, 2010 by people2010

Great Rash · August 6, 2010

<html><head>
<title>Тренировочный документ</title>
<script type='text/javascript'>
	function test() {
		document.forms[0].elements[2].value = 'Privet';
	}

	window.onload = function() {
		test();
	}
</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>

people2010 · August 6, 2010

Спс. Вот это ясно что создание функции

 function test() {
		document.forms[0].elements[2].value = 'Pri';
	}

А вот это. Методу onload класса window присваивается функция без имени в которой вызывается функция тест?

 window.onload = function() {
		test();
	}

Edited August 6, 2010 by people2010

Great Rash · August 6, 2010

Да. Функция без имени называется анонимная функция. Делается это для того, чтобы в одно событие onload можно было напихать вызов сразу нескольких функций.

Так только одна:

window.onload = test;

Так несколько:

window.onload = function() {
	test();
	test2();
	mySuperFunction();
}

people2010 · August 6, 2010

Заметил что некоторые в документах используют стандарт, наверное нужно будет пробовать переходить на него. Я тут хотел спросить, в стандарте пишут такое:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Можно ли писать просто так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  >

Если так нельзя тогда объясните что означает прописнаие вот такого:

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

и ещё вот такого:

<html xmlns="http://www.w3.org/1999/xhtml">

Обязательно ли оно должно быть прописанно?

psywalker · August 6, 2010

Ты про гугл что нибудь слышал?

http://www.webmascon.com/topics/coding/25a.asp

Vlad · August 7, 2010

people2010, почитай что-ли про doctype вначале

http://htmlbook.ru/html/!doctype.html

LokiDi L0ck · August 7, 2010

у элемента window

Методу onload класса window

onload - это будет являтся методом класса document?

Элементы и классы О_о

people2010

Покажите, пожалуйста, а как создаются экземпляры класса window (document)? :lol:

people2010 · August 7, 2010

1)Просто я слышал что объекты:window,document,Array и др.

называю объектами. Хорошо, если они все объекты, тогда какого класса,ведь объекты это не то же саоме что классы, а это экземпляры класса?

2)Не работает метод close() в Джавскрипте именно в браузерах Мозила и Гуглхром, что можно

использовать другое в таком случаи?

<html><head>
<title>Тренировочный документ</title>
<script type='text/javascript'>
function closes(){
close();
}

</script>
</head>
<body>
<form>
<input type="button" value='Щёлкни меня' onClick="alert('Privet')">
<input type="button" value='Hello' onClick="closes()">

</form>

</body>

</html>

3)Вот попробовал, не срабатывает в гуглхроме,в других браузерах нормально,не выводит текст в гуглхроме, скажите что здесь не так?

<html><head>
<title>Тренировочный документ</title>
<script type='text/javascript'>

function openas() {
mywindow = open('','newokno','width=500,height=400,status=1,menubar=1');
//Открываем документ
mywindow.document.open();
//Создаём документ
mywindow.document.write('<html><head><title>Создаём хтмл-документ');
mywindow.document.write('</title></head><body>');
mywindow.document.write('<center><font size=+3>');
mywindow.document.write('Этот HTML-документ создан при помощи JavaSript');
mywindow.document.write('</font></center>');
mywindow.document.write('</body></html>');

//Закрываем документ но не окно
mywindow.document.close();
}

</script>
</head>
<body>
<form>
<input type="button" value='Жми сюда' onClick="openas()">
</form>

</body>

</html>

Edited August 7, 2010 by people2010

s0rr0w · August 7, 2010

Покажите, пожалуйста, а как создаются экземпляры класса window (document)?

Не смешно, window.open, createDocument.

people2010 · August 8, 2010

Почему код не работает в гуглхроме?

s0rr0w · August 8, 2010

Почему код не работает в гуглхроме?

Закрыто политикой безопасности, скорее всего.

people2010 · August 9, 2010

НЕ работает код в гуглхроме, как сделать работоспособным в нём? Или сожет использовать что-то другое в обход этой функции чтоб работало везде, если да, то что использовать и как его использовать? Заранее благодарю.

Edited August 9, 2010 by people2010

Sign In

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

Question

Link to comment

Share on other sites

20 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information