JavaScript 배열에서 HTML 목록을 만드는 방법은 무엇입니까?

이 튜토리얼에서는 JavaScript 배열에서 HTML 목록을 만드는 다양한 방법을 살펴보겠습니다. 간단한 HTML 목록에 대해 이야기한다면ul(순서가 지정되지 않은 목록)과li em>(목록) 태그를 사용하여 모든 목록을 수동으로 생성합니다.

n개의 항목이 있고 이를 목록으로 인쇄해야 하는 상황을 고려하면 모든 항목을 작성하는 것은 매우 바쁜 작업이 될 것입니다. 수동으로 프로젝트하고 인쇄하는 거죠? 그런 다음 JavaScript 반복 방법을 사용하여 쉽게 수행할 수 있습니다.

JavaScript에서 HTML 목록을 만드는 다양한 방법을 살펴보겠습니다.

• 프래그먼트가 있는for루프 사용

• forEach() 루프 사용

for 루프 사용

• 간단한 for 루프 배열 모두 목록에 있는 항목 이는

  createElemnt
메서드 appendChild

ul

예

  
 HTML list using JavaScript using for loop
 
   

Example

   
HTML list using JavaScript with fragment
 
   

는 항목의 각 요소에 대해 주어진 함수를 한 번 호출하는 JavaScript의 배열 메소드이며, 기본적으로 항목에 대한 사용자 정의 함수 A 콜백 함수를 수행합니다. 배열 목록에 있는 각 항목은 for 루프와 동일하게 작동합니다.

   
HTML list using JavaScript forEach()
 
   

로그인 후 복사

자바스크립트를 사용하여 직접 HTML 목록을 만드는 방법을 모두 살펴보았습니다. 마음에 드셨으면 좋겠습니다.

위 내용은 JavaScript 배열에서 HTML 목록을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!