|
Сообщение от Tecvid
|
|
// правильно ли навешал обработчик на элементы с одинаковым классом ?
|
Нет конечно
<html>
<head>
</head>
<body>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<script>
var mod2 = document.querySelectorAll('.modify');
for (var i = 0; i < mod2.length; i++) {
mod2[i].addEventListener('click', function() {
alert(1);
});
}
</script>
</body>
</html>
И, кстати, при таокм раскладе лучше делать вот так
<html>
<head>
</head>
<body>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<div class="modify">div</div>
<script>
f=function(){alert(1)}
var mod2 = document.querySelectorAll('.modify');
for (var i = 0; i < mod2.length; i++) {
mod2[i].addEventListener('click', f);
}
</script>
</body>
</html>
дабы не засирать память бестолку