Массив кнопок, узнать индекс нажатой кнопки

[DarkDaemon]

Имеется массив кнопок button[]. Как узнать индекс нажатой кнопки? Два часа рылся в интернете, а так же на этом форуме, ответ не нашел. Я решил задачу, но считаю, что должно быть решение проще:

<script>
function ins(e){
	var o = document.getElementsByName('butt[]');
	for (i=0;i<o.length;i++){
		if (o(i) == e) alert ('Индекс ' + i);
	}
}
</script>
<input type='button' name='butt[]' value='ok1' onclick='ins(this)'/>
<input type='button' name='butt[]' value='ok2' onclick='ins(this)'/>
<input type='button' name='butt[]' value='ok3' onclick='ins(this)'/>
<input type='button' name='butt[]' value='ok4' onclick='ins(this)'/>
<input type='button' name='butt[]' value='ok5' onclick='ins(this)'/>
<input type='button' name='butt[]' value='ok6' onclick='ins(this)'/>

Edited November 4, 2012 by DarkDaemon

[s0rr0w]

Присвойте каждой кнопке атрибут -data-index="n", где n - индекс.

Потом обращайтесь через e.getAttribute("-data-index")

[DarkDaemon]

  On 11/4/2012 at 7:43 AM, s0rr0w said:

Присвойте каждой кнопке атрибут -data-index="n", где n - индекс.

Потом обращайтесь через e.getAttribute("-data-index")

Дак это надо каждой кнопке его присваивать, лишнее действие и, наверное, засорение кода и памяти. У кнопки ведь есть индекс, вот мне интересно, как его найти

[nerv]

  On 11/4/2012 at 9:34 AM, DarkDaemon said:

лишнее действие

а это

onclick='ins(this)'

не лишнее?

[s0rr0w]

  On 11/4/2012 at 9:34 AM, DarkDaemon said:

Дак это надо каждой кнопке его присваивать, лишнее действие и, наверное, засорение кода и памяти. У кнопки ведь есть индекс, вот мне интересно, как его найти

Однозначно никак не найти. При любой вставке нового элемента нет никакой гарантии, что индексы не поедут.

[DarkDaemon]

  On 11/4/2012 at 9:54 AM, nerv said:

  On 11/4/2012 at 9:34 AM, DarkDaemon said:

лишнее действие

а это

onclick='ins(this)'

не лишнее?

Согласен, тоже лишнее. На другом форуме предложили более грамотное решение:

<form id="form">
    <input type='button' name='butt[]' value='ok1'/>
    <input type='button' name='butt[]' value='ok2'/>
    <input type='button' name='butt[]' value='ok3'/>
    <input type='button' name='butt[]' value='ok4'/>
<form>

<script>
window.onload = function () {
    function index(element, collection) {
        var len = collection.length;
        for (var i = 0; i < len; i++) {
            if (element == collection[i]) {
                return i;
            }
        }
    }
    document.getElementById('form').onclick = function (e) {
        var e = e || event;
        var target = e.target || e.srcElement;
        if (target.type == 'button') {
            alert(index(target, document.getElementsByName('butt[]')));
        }
    }

}
</script>

Edited November 4, 2012 by DarkDaemon