Где ошибка?

vvsh · November 7, 2008

Вот начал изучать js...

Пытался написать скрипт который заменяет содержимое див'а.

Вот js код:

text = document.getElementById("text");
text2 = "2";
document.getElementById('text').innerHTML=text2;

Вот html код:

<html>
<head>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<div id="text"></div>
</body>
</html>

Почему ничего не происходит?!

Edited November 7, 2008 by vvsh

homm · November 7, 2008

И где находится приведенный тобой код?

vvsh · November 7, 2008

js код в отдельном файле, и подключается в html

homm · November 7, 2008

И как он подключается?

Зы: лучше напиши всю страничку целиком, не заставляй задавать 101 наводящий вопрос.

vvsh · November 7, 2008

Я написал полный код в первом сообщении...

Searcher · November 7, 2008

Судя по приведенному коду при загрузке на странице должна появиться цифра 2. Но этого не происходит, потому что когда грузится и запускается скрипт объекта с id="text" еще не существует, он просто еще не загрузился.

Опишите необходимые действия в функции и запустите её на событии onLoad в тэге body, т.е. <body onLoad="Ваша функция()">.

А вот строка text = document.getElementById("text"); зачем?

Edited November 7, 2008 by Searcher

homm · November 7, 2008

Я так и думал. Вот тперь представь, доходит браузер до твоего head, выполняфет твой скрипт, пытается найти элемент id="text", не находит и прекращает выполнение. Потом браузер доходит до твоего дива, рендирит его, но уже поздно, скрипт больше не выполнится.

vvsh · November 7, 2008

Спасибо, я заключил код в функцию и написал:

<body onLoad="text()">

Edited November 7, 2008 by vvsh

Searcher · November 7, 2008

так строка text = document.getElementById("text"); зачем?

vvsh · November 7, 2008

Убрал уже...

Searcher, понимаешь я новичок в js...

Bolmazov · November 7, 2008

<html>
	<head>
		<script type="text/javascript">
			//Пишем функцию которую вызовем
			function change()
				{
					text = ">>><b>Я нашел этот элемент</b><<<";
					//Говорим, что когда мы вызовем эту функцию, 
										//то найдем в документе вызвавший её элемент с id='finde_me' 
										//и запишем туда новое значение переменной  text;
					document.getElementById('finde_me').innerHTML=text;
				}
		</script>
	</head>
	<body onLoad="change();"><!-- И так... функция change()  запустится при загрузке документа (событие onLoad)...-->
		<div id='finde_me'>Когда JS найдет этот элемент, текст изменится</div>
				<!--...она найдет нужный её элемент с   id='finde_me' и запишет туда новое значение переменной  text;-->
		<div id='other_div'>Этот текст не изменится, это элемент с другим id</div><!--  элемент с другим id  её не интересен-->
	</body>
</html>

:: готов к употреблению )

Edited November 7, 2008 by Bolmazov

vvsh · November 7, 2008

Спасибо, мой скрипт - 4 строчки, а ваш - 9

Edited November 7, 2008 by vvsh

Bolmazov · November 7, 2008

Я не письками мерился, а показывал Вам зачем что нужно. Пожалуйста.

Sign In

Где ошибка?

Question

Link to comment

Share on other sites

12 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

Join the conversation

Обсуждения

Important Information