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>