【執行個體】javascript中使用event.target擷取觸發該事件標籤的相關資料而不是通過document

來源:互聯網
上載者:User
匯入: 在平時我們要擷取一個標籤的屬性,比如說擷取一個按鈕的id,一般會這樣寫
document.getElementById("1").getAttribute("id")
最近我在弄html5的時候看到一個用event的方法擷取本身資料的一個方法,當我們在給按鈕增加一個事件,這個事件正好需要觸發它的標籤的屬性(比如說觸發它啟動並執行按鈕的id等),那麼我接下來要講的方法聽合適的,請看代碼 樣本:
<body><input type="button" id="1" value="1"><input type="button" id="2" value="2"><input type="button" id="3" value="3"></body><script>window.onload = function(){//擷取每一個按鈕對象var buttons = document.getElementsByTagName("input");for(var i = 0; i < buttons.length; i++) {//為每一個按鈕綁定onclick事件buttons[i].onclick = show;}};function show(e) {//顯示觸發show函數的那個元素的idalert(e.target.getAttribute("id"));}</script>

運行效果是:我們點哪個按鈕就能夠輸出這個按鈕的id
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.