Javascrip的事件的绑定:将事件更好的绑定在标签上
可以使用以下三种方法绑定事件
- 先创建几个标签,给到每个标签
- <button id="btn">按钮二</button>
- <button id="btn3">按钮三</button>
- 先使用第一种方法,使用id绑定到标签
document.getElementById("btn").onclick = function () {
console.log(123);
}
document.getElementById("btn").onclick = function () {
console.log(345);
}
- 再使用第二种方法在标签内绑定
- <button onclick="print()">按钮一</button>
- 第三种方法: addEventListener()
- document.getElementById("btn3").addEventListener('click',function(){
- alert('btn3被点击了111111111');
- })
- document.getElementById("btn3").addEventListener('click',function(){
- alert('btn3被点击了2222222222');
- })
- document.getElementById("btn3").addEventListener('click',function(){
- alert('btn3被点击了33333333');
- })
这是我所学到的三种方法,就介绍到这结束了。
个人理解:使用Javascript 的事件的绑定可以更好的去更好的去给元素添加网页内容。
这是我使用 Javascript 获取style样式,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!