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

Use Node.textContent, The Node.textContent property represents the text content of a node and its descendants

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>