複数の要素を操作

よく使うサイト

グーグル
ヤフー
アマゾン


上記のHTMLソースを示します。 
 <p>よく使うサイト</p>
<a href="https://www.google.co.jp/" class="jump">グーグル</a><br />
<a href="http://www.yahoo.co.jp/" class="jump">ヤフー</a><br />
<a href="http://www.amazon.com/" class="jump">アマゾン</a>
<hr>
<div></div>
<div></div>
<div></div>
getElementsByClassName（'jump'）で<a href....> タグの要素を全部抽出します。
getElementsByTagName（'div'）で<div> タグの要素を全部抽出します。
処理は以下のようになります。 

 window.onload = function() {
    var list = document.getElementsByClassName('jump');
    var elems = document.getElementsByTagName('div');
    for(let i = 0; i < elems.length; i++){
        elems[i].innerHTML = list.item(i).href;
    }
  }
listでhrefを取得して、それを <div>要素に代入しています。結果として空きだった<div>に、
https://www.google.co.jp/
などが表示されます。