button对象的onclick属性是怎么来的

button.html文件

<!DOCTYPE html>
<html>
    <head>
        <title>DOM</title>
    </head>
    <body>
        <button id="button">this is a button</button>
    </body>
</html>

然后在开发者工具的控制台(console)中加入button对象的点击事件:

button.onclick = function(){
    alert("Hello World");
}

点击按钮时的效果:

图片描述

为什么会有一个button对象呢?
  因为浏览器解析上面的HTML时，会把标记解析为对象,如将<button>元素解析为button对象,
  因此我们会有一个button对象

那button对象的onclick属性是怎么来的呢?
  在此网站(https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLButtonElement)中的
  的HTMLButtonElement，HTMLElement，
  Element和Node接口中均没有找到onclick属性

阅读 4.9k

“button.onclick = ...应该是为button对象创建一个onclick属性，并将function(){alert("Hello World")}赋值给onclick属性”感觉这句描述有些问题只在控制台中输入: console.dir(button); 看截图: 说明已经存在onclick属性了,只不过此时onclick属性的值还是null, 所以button.onclick = ...不是在为button对象创建一个onclick属性, 只是一个赋值操作，那这个onclick属性是在哪儿定义的呢? 在HTMLButtonElement，HTMLElement，Element，Node和EventTarget中都没有onclick这个属性，感觉又回到了老问题

button对象的onclick属性是怎么来的

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

如何自定义设置虚线边框的样式？