html 리스트 더보기1

• 

  [자바스크립트] 더보기 (more) 버튼으로 리스트 노출하기 더보기 (more) 버튼으로 일정 개수의 이미지를 노출하는 소스 코드입니다. HTML 로딩이 끝난 후 window.load가 실행되면서 id='js-load'의 담긴 리스트의 출력 개수를 확인하고 노출시킵니다. 저는 리스트를 최초에 3개만 노출시키고 더보기 버튼을 클릭했을 때 3개씩 추가로 노출시키고 있습니다. load 함수가 실행되면서 li 엘리먼트 개수를 확인하고 리스트가 다 보이면 더보기 버튼을 숨기고 있습니다. 샘플 소스코드이니 입맛에 맞게 사용하시면 됩니다. 더보기 소스화면 개발이야기/자바스크립트 2022. 11. 3.