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>