怎么用JS通过class判断内容并修改成相应内容？

Question

    <div class="b1">0</div>

    <div class="b1">1</div>

    <div class="b1">3</div>

var reason_obj = {

        0: "借款逾期",

        1: "法律方面原因 如有被法院执行记录等",

        2: "每月还息，网络上的不良信息",

        3: "其它行业黑名单（如租车等）",

        4: "因为风险问题而被机构拒绝",

        5: "未知",

    }

class相同，怎么通过使用js替换相应的内容呢
感谢大家的回答，我做个总结

<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].innerText;

     document.getElementsByClassName('b1')[i].innerHTML = reason_obj[a];

    }

</script>

Answer 1

class相同也有个顺序啊，通过[0],[1],[2]啊；document.getElementsByClassName()