Как связывается целевой объект с функцией-обработчиком, если использовать модель событий W3C DOM уровня 2?

Привет.
1. Если я пишу
, то свойство onclick станет ссылаться не на "null", а на функцию func(). Но при этом почему-то у элемента
в dev tools (вкладка Elements, где показаны элементы документа) НЕ ДОБАВЛЯЕТСЯ атрибут onclick, хотя в самом объекте div свойство onclick станет ссылаться не на "null", а на функцию function(){...} . ВОПРОС- почему не добавляется? Насколько я понимаю, свойства и одноименные атрибуты связаны ЖЕСТКО - если есть СТАНДАРТНЫЙ атрибут, должно быть и одноименное свойство, и наоборот. Странно получается: свойство есть, а атрибута одноименного - нет. Это я использовал базовую модель событий DOM уровня 0. В этом случае целевой объект связывается с функцией-обработчиком через свойство onclick.
2. Если использовать модель событий W3C DOM уровня 2, то запись меняется. Пишу
При этом свойство onclick объекта document.getElementById("red") все равно будет ссылаться на "null". То есть, в объекте
НЕТ СВОЙСТВА, КОТОРОЕ ССЫЛАЕТСЯ НА ФУНКЦИЮ-ОБРАБОТЧИК func(). Как это вообще работает? Как СВЯЗЫВАЕТСЯ целевой объект с функцией-обработчиком?

0

Dimon1988, всё нормально
это в js так хорошо реализовано
onclick - свойство, которое можно и в html задать
а вот addEventListener уже другое делает
вот почитайте

0

В javascript вы работаете с DOM - объектным представлением вашего документа
Нет необходимости все методы и свойства объеков представлять в виде аттрибутов(иначе HTML будет огромным)
Пример:
- при этом в HTML не появился новый аттрибут style

0

спасибо за ответы

0

0

вот тут вы не правы. если создать элемент без инлайнового стиля, а потом джаваскриптом записать document.getElementById("red").style.mar ginTop = 500+"px";
, то в дереве элементов (вкладка Elements dev в tools) будет видно, что появляется в памяти у элемента с id="red" атрибут style="margin-top = 500px". это раз. два - я не писал, что ВСЕ свойства объекта должны стать атрибутами соответствующего элемента (часть свойств объекта - из атрибутов сделаны, часть - чисто джаваскриптовые свойства). я имел в виду то, что, если атрибуты элемента становятся "атрибутовыми" свойствами, то должна быть и обратная связь - изменение свойства должно и на атрибут влиять

Добавлено через 7 минут
если какой-то ответ реально полезным будет, тогда, конечно, нажму на кнопку "спасибо". такого ответа я еще не прочитал). насчет "почитайте основы" на learn.javascript.ru, то я их уже читал. и не понял момент, про который написал. поэтому здесь вопрос и задал (наряду с другими форумами). потому, что хочу глубже разобраться, чем "основы"

0

Dimon1988, В любом случае вы предоставляете браузеру иммутабельный документ, который им(браузером) преобразуется в DOM и далее DOM рендерится браузером.
Браузер, в случае изменения свойств и методов DOM, перегенерирует DOM и отобразит перегенерированный DOM.
ChromeDevTools, в свою же очередь, перегенерированый DOM представляют вам в виде документа, но CDT не считает необходимым отображать вам метод onclick в виде аттрибута(вероятно он отображает только изменения свойств но не методов) - как-то так.
P.S.(Если допустил ошибку - поправьте меня)
P.S.S style.marginTop - свойство, поэтому отображается
P.S.S.S указывайте кому отвечаете

0

Сообщение от ironid вероятно он отображает только изменения свойств но не методов

свойства можно представить в виде строки, а методы нет

0