首頁  >  文章  >  web前端  >  js實作為清單新增點擊事件返回對應內容

js實作為清單新增點擊事件返回對應內容

小云云
小云云原創
2018-03-17 16:30:213207瀏覽

本文主要和大家分享js實現給列表添加點擊事件返回相應內容,這是一到面試題面“給列表添加點擊事件,使其顯示相應的內容”,希望能幫助到大家。

方法一:

var lis = document.getElementsByTagName("li");
    for(var i = 0; i<itemli.length; i++){
        lis[i].index = i; //给每个li定义一个属性索引值,赋
        lis[i].onclick = function(){
            alert("下标索引值为:"+this.index+"\n"+"文本内容是:"+this.innerHTML);  \n换行  索引值从0开始
    }
}

相關推薦:

#js如何新增點擊事件

js動態加入點擊事件常見錯誤詳解

html中如何為圖片新增點擊事件的詳解

以上是js實作為清單新增點擊事件返回對應內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn