li_13579_li
li_13579_li
采纳率73.3%
2018-10-04 07:37

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

10
 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属性
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • jslang 天际的海浪 3年前

    在一部分浏览器中,浏览器解析HTML时,会把元素的id解析为window对象的属性,其属性值就是这个元素对象的引用,而window对象的属性就等于是全局变量。

    onclick是属于GlobalEventHandlers接口的属性
    https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onclick

    点赞 1 评论 复制链接分享

为你推荐