> 웹 프론트엔드 > JS 튜토리얼 > Node.js는 목록에 클릭 이벤트를 추가하고 해당 콘텐츠를 반환하는 것을 구현합니다.

Node.js는 목록에 클릭 이벤트를 추가하고 해당 콘텐츠를 반환하는 것을 구현합니다.

小云云
풀어 주다: 2018-03-17 16:30:21
원래의
3219명이 탐색했습니다.

이 기사에서는 주로 목록에 클릭 이벤트를 추가하고 해당 콘텐츠를 반환하는 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

의 이미지로

위 내용은 Node.js는 목록에 클릭 이벤트를 추가하고 해당 콘텐츠를 반환하는 것을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿