我有这个代码用于在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 然后它附加在元素的结束标记之前。 可以请别人帮助我吗?
答案 0 :(得分:0)
appendChild
追加元素 - 这意味着它在指定元素的末尾(在结束标记之前)。因此,您最好的选择是创建父包装并用所有按钮填充它。使用for
循环 - http://www.w3schools.com/js/js_loop_for.asp