Детская проблема по javascript

KoDA86 · April 21, 2012

ТОлько начинаю осваивать JS.

Вот такая проблема. Есть например страничка:

<html>

<head>

var product = document.getElementById('center').getElementsByTagName('button');

for (var i=0; i<product.length; i++){

product.onclick = function(){

alert (i);

}

</script>

</head>

<body>

<div id="center">

<form>

<button>кнопка</button>

</form>

<form>

<button>кнопка</button>

</form>

<form>

<button>кнопка</button>

</form>

...........

</div>

</body>

</html>

В данном примере у меня почему-то не выводит на экран номер нажатой кнопки, в чем может быть проблема? Уже измучился никак не пойму. Подскажите плизз.

alexandr_v-vich · April 21, 2012

У меня выводит. Только всегда „3“.

Когда-то вопрос для меня решился предварительной записью переменной

var product = document.getElementById('center').getElementsByTagName('button');
     for (var i=0; i<product.length; i++){
       product[i].num = i;
       product[i].onclick = function(){
           alert (this.num+1);
        }
     }

Edited April 21, 2012 by alexandr_v-vich

SelenIT · April 21, 2012

Почему так, неплохо раскрыто в этой старинной статье (примеры 7 и 8 - как раз проблема и решение).

troll · April 21, 2012

В данном примере у меня почему-то не выводит на экран номер нажатой кнопки, в чем может быть проблема?

К моменту выполнения скрипта DOM еще не готов, браузер еще не дошел до элемента с ID center и не обработал его, поэтому первая же строчка вызовет ошибку. Чтобы поправить, перенесите элемент script и его содержимое в конец body.

Также добавлю еще один источник информации, который, возможно, поможет разобраться с проблемой, озвученной alexandr_v-vich.

Edited April 21, 2012 by troll

nerv · April 21, 2012

У меня выводит. Только всегда „3“.

Привет! troll, привел очень правильную ссылку, посмотри если интересно. Если в двух словах, нужно юзать замыкания : )

К моменту выполнения скрипта DOM еще не готов, браузер еще не дошел до элемента с ID center и не обработал его, поэтому первая же строчка вызовет ошибку. Чтобы поправить, перенесите элемент script и его содержимое в конец body.

или используйте событие загрузки документа Событие загрузки документа "onDOMContentLoaded"

Edited April 21, 2012 by nerv

alexandr_v-vich · April 21, 2012

Привет! troll, привел очень правильную ссылку, посмотри если интересно. Если в двух словах, нужно юзать замыкания : )

Здорово, nerv Да меня, честно то, больше не парит это)), это я так по памяти, быстро решить вопрос.

Sign In

Детская проблема по javascript

Question

KoDA86

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

alexandr_v-vich

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

troll

Link to comment

Share on other sites

nerv

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information