createElement("a")&onclick

[Andruha]

Есть код по динамическому созданию 10 элементов <a>... Вопрос с событием onclick: все созданные ссылки по клику дают alert 9 ???? Почему собственно? Как ремонтировать?

for(var i=0; i<10; i++)
{
var new_a = document.createElement("a");
new_a.onclick='alert(i)';
new_a.href='javascript:';
var textNode = document.createTextNode(i);
new_a.appendChild(textNode);
}

спасибо...

[T-sh]

var new_a...
var textNode...

вы каждый раз перезаписываете значение переменной. по прошествии цикла остаётся только последнее значение.

[devote]

new_a.onclick=function(i) {
    return function() { alert(i); }
}(i)

[Andruha]

а, ну да!!! пару строк не дописал...

var list = document.getElementById('div'); // Блок
for(var i=0; i<10; i++)
{
var new_a = document.createElement("a");
new_a.onclick='alert(i)';
new_a.href='javascript:';
var textNode = document.createTextNode(i);
new_a.appendChild(textNode);
list.appendChild(new_a);
}
ничего не перетираю, появляются 10 ссылок но все они дают alert 9 ?!

[devote]

<div id="div"></div>
<script type="text/javascript">
    var list = document.getElementById('div'); // Блок
    for( var i = 0; i < 10; i++ ) { 
       var new_a = document.createElement("a");
       new_a.onclick = function(i) {
           return function() { alert(i); }
       }(i);
       new_a.href = 'javascript:';
       var textNode = document.createTextNode(i);
       new_a.appendChild(textNode);
       list.appendChild(new_a);
   }
</script>

[T-sh]

а, ну да!!! пару строк не дописал...

var list = document.getElementById('div'); // Блок
for(var i=0; i<10; i++)
{
var new_a = document.createElement("a");
new_a.onclick='alert(i)';
new_a.href='javascript:';
var textNode = document.createTextNode(i);
new_a.appendChild(textNode);
list.appendChild(new_a);
}
ничего не перетираю, появляются 10 ссылок но все они дают alert 9 ?!

причем тут 10 ссылок? у вас по онклику у всех ссылок "alert(i)". а после завершения цикла i равно 9.

либо делайте функцией, как написал devote, либо:
new_a.onclick="alert("+i+")";

хотя сомневаюсь, что так будет работать.

[Andruha]

ух ты!!!!! работает!!!! devote Рулит!!! спасибо + всем спасибо...

function(i) {return function() { alert(i); } }(i);
что за скобки такие? (i) {...}(i); не встречал ещё...

[T-sh]

ух ты!!!!! работает!!!! devote Рулит!!! спасибо + всем спасибо...

function(i) {return function() { alert(i); } }(i);
что за скобки такие? (i) {...}(i); не встречал ещё...

в первых — параматре функции, вторые — вызов с параметром.

[Andruha]

тю, блин!!!! первый класс вторая четверть... sorry за вопрос... всем спасибо!!!

[tadjik1]

это классическая ошибка начинающих в javascript, сам над ней недавно сидел часа полтора, пока не догадался справочник открыть