Javascrip的事件的绑定

Javascrip的事件的绑定：将事件更好的绑定在标签上

可以使用以下三种方法绑定事件

1. 先创建几个标签，给到每个标签
2. <button id="btn">按钮二</button>
3.   <button id="btn3">按钮三</button>

1. 先使用第一种方法，使用id绑定到标签

 document.getElementById("btn").onclick = function () {

      console.log(123);

    }

    document.getElementById("btn").onclick = function () {

      console.log(345);

    }

1. 再使用第二种方法在标签内绑定
2. <button onclick="print()">按钮一</button>
3. 第三种方法: addEventListener()
4. document.getElementById("btn3").addEventListener('click',function(){
5.       alert('btn3被点击了111111111');
6.     })
7.     document.getElementById("btn3").addEventListener('click',function(){
8.       alert('btn3被点击了2222222222');
9.     })
10.     document.getElementById("btn3").addEventListener('click',function(){
11.       alert('btn3被点击了33333333');
12.     })

这是我所学到的三种方法，就介绍到这结束了。

个人理解：使用Javascript 的事件的绑定可以更好的去更好的去给元素添加网页内容。

这是我使用 Javascript 获取style样式，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！