DE
Size: a a a
DE
F
F
НА
НА
СЧ
НА
СЧ
В
function of(selector) {
let collection = document.querySelectorAll(selector);
return {
on: (event, handler) => {
collection.forEach((element, index) => {
element.addEventListener(event, (e) => {
handler(e, element, index);
});
});
}
};
}
of('.element').on('click', (e, element, index) => {
console.log(e, element, index);
});
S
function of(selector) {
let collection = document.querySelectorAll(selector);
return {
on: (event, handler) => {
collection.forEach((element, index) => {
element.addEventListener(event, (e) => {
handler(e, element, index);
});
});
}
};
}
of('.element').on('click', (e, element, index) => {
console.log(e, element, index);
});
СЧ
function of(selector) {
let collection = document.querySelectorAll(selector);
return {
on: (event, handler) => {
collection.forEach((element, index) => {
element.addEventListener(event, (e) => {
handler(e, element, index);
});
});
}
};
}
of('.element').on('click', (e, element, index) => {
console.log(e, element, index);
});
const collection = document.getElementsByClassName('multiImg');
Array.prototype.forEach.call(collection,function(elem){
elem.addEventListener('mouseenter', function() {
elem.src = elem.getAttribute('shover')
})
elem.addEventListener('mouseleave', function() {
elem.src = elem.getAttribute('sface')
})
})
DE
const collection = document.getElementsByClassName('multiImg');
Array.prototype.forEach.call(collection,function(elem){
elem.addEventListener('mouseenter', function() {
elem.src = elem.getAttribute('shover')
})
elem.addEventListener('mouseleave', function() {
elem.src = elem.getAttribute('sface')
})
})
p
p
p
DE
p