国产视频app我們操作HTML DOM對象的時候,可以利addEventListener()方法為某個被選中的DOM對象添加一個事件,用來操作這個被選中的對象。下面就記錄一下,如果利javascript的addEventListener方法,為HTML的ODM對象添加一個事件!

addEventListener()定義與語法

国产视频appaddEventListener()用于向指定的元素添加事件

element.addEventListtener(event,function,useCapture);

addEventListener()舉個例子:

點擊按鈕一個ID為button的按鈕,并向一個ID為la的div層中插入內容自定義內容,飛鳥慕魚博客

html代碼:

<button id="buttom">點我</button>
<div id="la"></div>

javascript代碼1:

document.getElementById("button").addEventListener("click" function(){
    document.getElementById(la).innerHTML = "飛鳥慕魚博客";
})

国产视频appjavascript代碼2:

document.getElementById("button").addEventListener("click" dome1);
function dome1(){
    document.getElementById("la").innerHTML = "飛鳥慕魚博客";
}

關于addEventListener()整體代碼:

addeventlistener 參數, addeventlistener 用法

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <button id="buttom">點我</button>
        <div id="la"></div>
        <script>
        //第一種
            document.getElementById("button").addEventListener("click" function(){
                document.getElementById(la).innerHTML = "飛鳥慕魚博客";
            })
        //第二種
            document.getElementById("button").addEventListener("click" dome1);
            function dome1(){
                document.getElementById("la").innerHTML = "飛鳥慕魚博客";
            }
        </script>
    </body>
</html>

国产视频app代碼未作完整測試,只做一個記錄備注,使用前請測試!