Ну вот тебе событие маусовер (самое распространённое для всяких менюшек анимированных и т.д.):

div.id = 'grpr';
div.onmouseover = function(){alert(this.id)};

Чем данный код будет по функционированию различен в браузерах?

Ребята, Вы оцениваете все со своих высоких позиций.

Попробуйте поставить себя на место новичка, который понятия не имеет обо всех нюансах, которые есть в разных браузерах.
И при всем желании он о них не скоро узнает.

Поэтому самым правильным будет - использовать готовые решения, какими бы громоздкими они не казались. По крайней мере это будет работать, а не глючить.

Дык он о них и не узнает никогда, если фреймворками будет пользоваться. Просто нужно цели определить: если нужно написать скрипт и забыть, то jQuery в руки (хотя зачастую получается такое...), а если собираешься программировать на js, то фреймворки только изучать. Речь, разумеется, про обычные сайты, а не различные сервисы, типа той же админки.

вот как раз и не надо использовать готовые решения, иначе он никогда ничего не узнает... Так и будет жить в неведении что есть оказывается под этой "красивой оболочкой" мошная вешь, которая позволяет не подключая килобайты ненужного кода сделать всё самостоятельно своим умом (получив опыт + развив мышление)...

Не могу сказать что я с вами не согласен.

Тут автор поста пусть решает для себя сам: надо ли ему чтобы оно было сделано быстро и всегда работало или он хочет со всем этим сам разобраться.

Вы о чем вообще? Вы задачу ТС видели? У него проблема в том, что он getElementById не знает. Какие фреймворки?

Да уж....
Немного не досмотрел.

Признаю свою неправоту с самого первого поста в этой теме.

Не, ну там есть еще пара косяков, но они тоже не так существенны.