JavaScript - 按类获取div中的文本

Question

我正在尝试使用javascript通过类名获取div的内容/文本。结果不是我所期望的。我确实尝试将其推入阵列，但它似乎没有工作。请帮忙！

到目前为止我做了什么：

JavaScript：

var elements = document.body.getElementsByClassName("headline-bar");

window.onload = function() {

    var year= document.getElementById("year");
    for (i=0;i<elements.length;i++)
    {
        var Entry = document.createElement("option");
        Entry.text = elements[i];
        year.add(Entry ,null);
    }
}

HTML：

<form>
<select id="year">
</select>
</form>
<input type="submit" value="Submit">

 <div class="headline-bar">2015</div>  
 <div class="headline-bar">2014</div>   

输出：

欲望结果：

Answer 1

  

使用Node.textContent， Node.textContent属性表示节点及其后代的文本内容

var elements = document.body.getElementsByClassName("headline-bar");

window.onload = function() {
  var year = document.getElementById("year");
  for (i = 0; i < elements.length; i++) {
    var Entry = document.createElement("option");
    Entry.text = elements[i].textContent;
    year.add(Entry, null);
  }
}

<form>
  <select id="year">
  </select>
</form>
<input type="submit" value="Submit">

<div class="headline-bar">2015</div>
<div class="headline-bar">2014</div>