2016-04-07 11 views
0

から負荷データを、私はJSファイル内のボタン要素を作成するため、このコードがあります。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に(次々と)それを追加する方法がわかりませんiは、のappendChild及び上記要素のIDを使用する場合

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

:strzalka_gora_bud が、それは要素の終了タグの前に追加します。 誰かが私を助けてくれますか?

答えて

0

appendChildは要素を追加しています - つまり、指定された要素の最後(終了タグの前)にあることを意味します。だからあなたの最善のオプションは、親のラッパーを作成し、すべてのボタンでそれを埋めることです。

+0

親ラッパーは、のようなタグを意味する場合、ブートストラップによってCSSが追加され、要素がうまく見えないため、私のためには機能しません。 – MaPta

+0

スパン/クラスを分割し、それを使ってブートストラップのCSS規則をオーバーライドします。また、 'append'の代わりに' prepend'を使うこともできます。これはあなたのボタンを親の先頭に置くことになります。どの要素の前か後にボタンを生成するかを指定することもできますが、後であなたのケースでうまく機能するとは思わない –

+0

ボタンでラッパー要素をどのように置き換えることができるか知っていますか?私はオプションreplaceChildがあることを知っているが、私はそれを使用する方法がわからない – MaPta