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

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

小云云
發布: 2018-03-17 16:30:21
原創
3255 人瀏覽過

本文主要和大家分享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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板