Простой вопрос по javascript от новичка!

[hnerd]

Подскажите пожалуйста, только недавно начала изучать javascript и не могу понять, как работать с тегами с помощью id. Для примера приведу простенький код, который не работает! Прошу помочь мне выяснить, почему он не работает!

<script language="javascript">
	var p = document.getElementById("test");
	p.onclick = function(){
		window.document.body.innerHTML = 'Произошло чудо!'
	}
</script>

<p id="test">Нажми этот текст и произойдет чудо</p>

Хочу, чтобы при клике на текст, он изменялся на другой! Спасибо!

 

 

[robot]

Советую обратить внимание на следующее:

1. Вопросы от новичка
2. Совмещение цикла php и javascript
3. Посоветуйте учебник по javascript для новичка
4. Помоги с ответами на вопросы по СЕО ?
5. Вопрос по JS и jQuery - теория и практика

[fedornabilkin]

Я использую jQuery. Очень упрощает работу с элементами страницы.

$(document).ready(function(){ // функция для всех событий, которые необходимо обработать после загрузки страницы

// событие клик
$('#test').click(function(){
    $(this).html('Произошло чудо');
});

// другие события

}); //

[Shurik666]

Если на JS правильно будет так: 

<script language="javascript">
	function chudo (){
            var p = document.getElementById("test");
	    p.innerHTML = 'Произошло чудо!'
	}
</script>

<p id="test" onclick="chudo();">Нажми этот текст и произойдет чудо</p>

Сообщение отредактировал Shurik666: 25 Сентябрь 2014 - 17:35