javascript forループを使用した基礎的なアコーディオンのビルド

Question

forループを使用して基礎的なアコーディオン要素を構築したいと思います。

<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'; 

た
財団ドキュメントからaccoordionの基本的な例は、このようになります私に<li class="accordion-item"という用語が正しく表示されますが、data-accordion-itemという用語を追加するにはどうすればよいですか？

Answer 1

ありがとう、iSZのおかげです。 listing.setAttribute('data-accordion-item', "");トリックしました。