相同的class怎么用js判断内容并修改成相应内容？

一般都是通过获取id来实现替换，而class并不是唯一，怎么批量替换相同class下的内容呢

    <div id="b1" class="b1">5</div>
    <div id="b2" class="b1">1</div>
    <div id="b3" class="b1">2</div>

<script type="text/javascript">
    var reason_obj = {
        0: "借款逾期",
        1: "法律方面原因 如有被法院执行记录等",
        2: "每月还息，网络上的不良信息",
        3: "其它行业黑名单（如租车等）",
        4: "因为风险问题而被机构拒绝",
        5: "未知",
    }
    //jquery实现
    $(".b1").each(function() {
      var div = $(this);
      var n = div.text();
      div.text(reason_obj[n]);
    });
    //js实现
    for(i=0;i<3;i++){
     a=document.getElementsByClassName('b1')[i].innerHTML;
     document.getElementsByClassName('b1')[i].innerHTML = reason_obj[a];
    }
</script>

这其中对我来说有两个盲点：
1、document.getElementsByClassName(‘b1’)[i]获取第几个b1
2、当对象里的名字为数字是怎么调用reason_obj[a]，一般为字母是reason_obj.a