基础手风琴用javascript for循环构建

Question

我想使用for循环构建一个基础手风琴元素 来自Foundation doc的基本示例如下所示：

<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文件，并使用for循环添加，如下所示：

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', "");成功了。