ホームページ > ウェブフロントエンド > jsチュートリアル > js はクリック イベントをリストに追加し、対応するコンテンツを返すように実装します。

js はクリック イベントをリストに追加し、対応するコンテンツを返すように実装します。

小云云
リリース: 2018-03-17 16:30:21
オリジナル
3220 人が閲覧しました

この記事では、主にリストにクリック イベントを追加し、対応するコンテンツを返す JS 実装について説明します。これは、「クリック イベントをリストに追加して、対応するコンテンツを表示できるようにしたい」というインタビューの質問です。みんなを助けて。

方法 1:

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート