使用JS创建按钮 - 从数组加载数据

时间:2016-04-07 14:03:10

标签: javascript html css append

我有这个代码用于在JS文件中创建按钮元素:

  var numery = ['A','B','C'];
  var numer = document.createElement("button");
  numer.type = "button";
  numer.value =numery[i];
  numer.className = "class1 class2";
  numer.innerHTML = numery[i];

我不知道如何在HTML中添加(一个接一个),如下所示:

    <div class="container_b pull-left" id="container_b">
    <button type="button" class="btn_budynki" id="naglowek_budynkow_zwiniety">Header button</button>
    <div class="btn-group-vertical pull-left hide" role="group" id="grupa_bud">
      <button type="button" class="btn_budynki_top btn_budynki" id="naglowek_budynkow">Another header</button>
<button type="button" class="btn_strzalka btn_strzalka_gora border_top" id="strzalka_gora_bud"><span class="glyphicon glyphicon-chevron-up"></span>
</button>
      <!-- i want to put created elements as buttons here-->
      <button type="button" class="btn_strzalka btn_strzalka_dol border_top">
        <span class="glyphicon glyphicon-chevron-down"></span>
      </button>
    </div>
    </div>

如果我使用appendChild和上面元素的id:strzalka_gora_bud 然后它附加在元素的结束标记之前。 可以请别人帮助我吗?

1 个答案:

答案 0 :(得分:0)

appendChild追加元素 - 这意味着它在指定元素的末尾(在结束标记之前)。因此,您最好的选择是创建父包装并用所有按钮填充它。使用for循环 - http://www.w3schools.com/js/js_loop_for.asp