Привет.
Если я пишу
function func(){...}; document.getElementById("red").onclick=func;
, то свойство onclick станет ссылаться не на "null", а на функциюfunc()
.
Но при этом почему-то у элемента<div id="red"> ...</div>
в dev tools (вкладка Elements, где показаны элементы документа) не добавляется атрибут onclick, хотя в самом объекте div свойство onclick станет ссылаться не на "null", а на функциюfunction(){...}
.Вопрос: почему не добавляется?
Насколько я понимаю, свойства и одноименные атрибуты связаны жестко - если есть стандартный атрибут, должно быть и одноименное свойство, и наоборот.
Странно получается: свойство есть, а атрибута одноименного - нет.
Это я использовал базовую модель событий DOM уровня 0. В этом случае целевой объект связывается с функцией-обработчиком через свойство onclick.Если использовать модель событий W3C DOM уровня 2, то запись меняется.
Пишуfunction func(){...}; document.getElementById("red").addEventListener("click", func, false);
.При этом свойство onclick объекта
document.getElementById("red")
все равно будет ссылаться на "null". То есть, в объекте document.getElementById("red") нет свойства, которой ссылается на функцию-обработчикfunc()
.
Как это вообще работает?
Как связывается целевой объект с функцией-обработчиком?