자바 스크립트 for 루프로 기초 아코디언 빌드

Question

for 루프를 사용하여 기초 아코디언 요소를 작성하고 싶습니다. 재단 문서에서 accoordion의
기본적인 예는 다음과 같습니다

<ul class="accordion" data-accordion> 
    <li class="accordion-item" data-accordion-item> 

    <!-- Accordion tab title --> 
    <a href="#" class="accordion-title">Accordion 1</a>  
    <!-- Accordion tab content --> 
    <div class="accordion-content" data-tab-content> 
    <p>Panel 1. Lorem ipsum dolor</p> 
    <a href="#">Nowhere to Go</a> 
    </div> 

    </li> 
    <!-- ... --> 

</ul> 

내 목록의 각 <li> 요소는 JSON 파일에서 오는이 같은 루프를 사용하여 추가 :

var listing = listings.appendChild(document.createElement('li')); 
    listing.className = 'accordion-item'; 

을하는 나에게 정확히 <li class="accordion-item" 용어를 제공하지만, data-accordion-item 용어를 어떻게 추가합니까?

Answer 1

감사합니다. 덕분에 iSZ입니다. listing.setAttribute('data-accordion-item', ""); 트릭을했습니다.