Форум

S.D.Maquis · #1 (**permalink**) 06.05.2012, 04:14

Всем Привет !

Вот эта запись(передача в функцию move() параметра this):

<body>
     <div onmousedown="move(this)"></div>
</body>

ну и сама функция выглядит напр. так:

function move(div) {div.style.color = 'red';}

this тут это тоже самое что если бы я нашел элемент div таким образом:

<script> 
	var div = document.body.children[0];	
</script>

?

devote · #2 (**permalink**) 06.05.2012, 04:40

Раед · #3 (**permalink**) 06.05.2012, 10:50

S.D.Maquis,
Да, this в обработчике события есть ссылка на элемент, для которого этот обработчик назначен

melky · #4 (**permalink**) 06.05.2012, 15:08

Сообщение от S.D.Maquis

Всем Привет !

Вот эта запись(передача в функцию move() параметра this):

<body>
     <div onmousedown="move(this)"></div>
</body>

ну и сама функция выглядит напр. так:

function move(div) {div.style.color = 'red';}

this тут это тоже самое что если бы я нашел элемент div таким образом:

<script> 
	var div = document.body.children[0];	
</script>

?

нет, чуточку не так.

обработчик сам для браузера выглядит так :

div.onmousedown = new Function("move(this)");

конструктор создаёт функцию, и получается следующее :

div.onmousedown = funtion(){  move(this)  }

this тут будет равен объекту, стоящему слева от точки ( div.onclick ).

как заключение - то есть диву (элементу)

Справочник