如何为html元素添加事件任意方法都几种

第一种方法：在HTML元素当中绑定事件

<div class="wrap" onclick="show()">绑定事件一</div>

<script type="text/javascript">

    function show() {

        alert('绑定事件一')

    }

</script>

第二种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.onclick = show

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《JavaScript事件 详细讲解》

第三种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.addEventListener('click', show, !1)

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《说说JavaScript的事件绑定方法并举例》

第一种方法：在HTML元素当中绑定事件

<div class="wrap" onclick="show()">绑定事件一</div><script type="text/javascript"> function show() {alert('绑定事件一') }</script>

第二种方法：

<div class="wrap" id="btn">绑定事件一</div><script type="text/javascript"> var btnEle = document.querySelector('#btn') btnEle.onclick = show function show() {alert('绑定事件一') }</script>

第三种方法：

<div class="wrap" id="btn">绑定事件一</div><script type="text/javascript"> var btnEle = document.querySelector('#btn') btnEle.addEventListener('click', show, !1) function show() {alert('绑定事件一') }</script>

---