appendChildで追加したテキストを縦並びにしたい

Question

実現したいこと

javascript初心者です。初歩的な質問で恐縮です。以下のようなコードでボタンをクリックした際に配列の中身を順番に表示したいです。
しかし下記のコードだと配列の中身が横並びに表示されてしまいます。
これを縦並びにするにはどうすれば良いでしょうか？

document.getElementById('hoge_1').on('hoge_click', function(data) {
  var send_data;
  send_data = data.x;
  return $.ajax({
    url: '/XXXX',
    type: 'GET',
    data: {
      date_params: send_data
    },
    dataType: 'json',
  })
    .done(function(data){
      i = 0;
      hoge_list = document.getElementById('hoge_list');
      hoge_list.innerHTML = "";
      while (i < data.length) {
        arrayId = document.createTextNode(data.content);
        hoge_list.appendChild(arrayId);
        i++;
      }
    })
    .fail(function(data) {
      alert('errror');
    });
});

#hoge_list

Answer 1

例えばこんな感じ

while (i < data.length) {
  arrayId = document.createElement('div');
  arrayId.textContent=data.content;
  hoge_list.appendChild(arrayId);
  i++;
}

Comments

[amby]

ありがとうございます・・！実装できました！！