JS 添加onclick事件处理

添加onclick事件处理

JavaScript可以通过为HTML元素添加onclick的属性添加元素被点击时的事件处理程序。


添加onclick语法

element.onclick = function(){ codeblock }

提示:element为HTML元素,可以通过JavaScript查找元素的方法匹配获取,比如document.getElementById()等方法。


element.onclick实例代码,及在线编辑器

下方实例中将函数sayHello()单独定义,然后赋值给b.onclick,其效果与语法中的通过匿名函数进行赋值的效果是一样的,实例代码如下:

<button id='b1'>点击试一试</button>
<script>
  var b = document.getElementById('b1');
  function sayHello(){
    alert('Hello, World!')
  }
  b.onclick = sayHello;
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.