Перейти к содержимому



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

#1 hnerd

hnerd
  • Неактивные
  • 284 сообщений
  • Репутация: 18
0

Отправлено 15 Сентябрь 2014 - 19:25

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

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

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

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


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Вопрос по ссылке
  2. Посоветуйте учебник по javascript для новичка
  3. Помоги с ответами на вопросы по СЕО ?
  4. Вопрос по JS и jQuery - теория и практика
  5. Закупка ссылок? Или как подняться выше 20 позиции?

#2 fedornabilkin

fedornabilkin
  • Модератор
  • 1 112 сообщений
  • Репутация: 180

Отправлено 25 Сентябрь 2014 - 15:05

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

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

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

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

}); //

  • 0

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#3 Shurik666

Shurik666
  • Неактивные
  • 3 сообщений
  • Репутация: 0

Отправлено 25 Сентябрь 2014 - 17:34

Если на 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

  • 0


Оформление форума – IPBSkins.ru