为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕标琳琳 2018-10-03 19:15:45
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属性
查看完整描述

2 回答

?
吃鸡游戏

TA贡献1829条经验 获得超7个赞

属于 Global attribute
Global attributes

查看完整回答
反对 回复 2018-10-08
?
哔哔one

TA贡献1854条经验 获得超8个赞

HTML中的 <button> 标签实现自DOM的 HTMLButtonElement接口类 ,
HTMLButtonElement又继承了一系列类,继承的基类是这个 EventTarget 。

https://img1.sycdn.imooc.com//5bbb6e780001391306290165.jpg

最后的这个EventTarget是拥有 “通过属性注册事件” 的能力的

https://img1.sycdn.imooc.com//5bbb6e870001d80407030301.jpg

查看完整回答
反对 回复 2018-10-08
  • 2 回答
  • 0 关注
  • 970 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信