[Luca]

интересно получается:

div.onclick = function(){alert('alert')};
div.addEventListener('click', function(){alert('alert')});
div.setAttribute('onclick','alert("alert")');

тремя способами, получается, можно задать одну и ту же реакцию на щелчок по div.

зачем всё по несколько раз дублировать? куча свойств просто заранее уже есть и минимум в двух экземплярах (может кто и еще способ подскажет). Пока данная ситуация в голове "не улеглась".

let atrMap  = new Map();
    for (let i in div){
       atrMap.set(i,div[i]);
    }
console.error(atrMap.size);  
 let n = 0;
 for (let i in div){
        if (  atrMap.has(i) && (div[i] === atrMap.get(i) ) )
        console.warn(`${i}=>${div.getAttribute(i)}`);
    }
console.error(n);

227 дубликатов получается что ли? притом они полностью идентичны...
две идентичных хэш-таблицы создаются что ли для каждого Node
одна для доступа через точечную нотацию, а вторая set,get
притом, что onclick из примера выше сработает во всех 3 случаях.