Javascript-форум - Социальный проект

Javascript-форум (https://javascript.ru/forum/)

- Ваши сайты и скрипты (https://javascript.ru/forum/project/)

- - Социальный проект (https://javascript.ru/forum/project/34452-socialnyjj-proekt.html)

Цитата:

Сообщение от qwertyuiopoiuytrewq (Сообщение 226440)

melky, пожалуйста с примером, мне пока что не понятно, как это сделать.
Заранее благодарен

<div>ONE</div>
<div id="myel">TWO</div>
<div>THREE</div>

<script>
var elements = document.getElementsByTagName('div');
var element = document.getElementById('myel');
var i;
for (i = 0; i < elements.length; i++) if (elements[i] === element) break;
alert("Длина коллекции : " + elements.length + "\nИндекс элемента : " + i);
</script>

на элемент указывает this, который доступен из обработчика события
пример ниже, демнстрирует как одна функция onmouseover работает сразу с тремя смайликами

<!DOCTYPE html>
<html>
<head>
<script>
function bigImg(x)
{
   x.style.height="64px";
   x.style.width="64px";
}

function normalImg(x)
{
    x.style.height="32px";
    x.style.width="32px";
}
</script>
</head>
<body>

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="http://www.w3schools.com/jsref/smiley.gif" alt="Smiley" width="32" height="32">

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="http://www.w3schools.com/jsref/smiley.gif" alt="Smiley" width="32" height="32">

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="http://www.w3schools.com/jsref/smiley.gif" alt="Smiley" width="32" height="32">

</body>
</html>