js 插入元素建表的实现问题

自学js中，在插入元素建表这块出现了点儿问题，不知道代码哪里出错了

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格斑马线</title>
<body>
    <div id ="d"></div>
 
<script>
var table=document.createElement("table");
            var tb_style=document.createAttribute("style");
            tb_style.nodeValue="width:800px;height:8em;border:1px solid red;";
            table.setAttributeNode(tb_style);
            var tr0=new Array("id","name","blood");
            var tr1=new Array("1","gareen","340");
            var tr2=new Array("2","teemo","320");
            var tr3=new Array("3","annie","380");
            var tr=new Array(tr0,tr1,tr2,tr3);
            var tr_style=document.createAttribute("style");
            tr_style.nodeValue="border-bottom:1px solid gray;";
            for(i=0;i<tr.length;i++)
                {
                    var tr=document.createElement("tr");
                    for(j=0;j<tr0.length;j++)
                        {
                            var td=document.createElement("td");
                            var text=document.createTextNode(tr[i][j]);
                            td.appendChild(text);
                            tr.appendChild(td);
                        }
                    tr.setAttributeNode(tr_style);
                    table.appendChild(tr);
            }
            var div=document.getElementById("d");
            div.appendChild(table);
</script>
</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格斑马线</title>
</head>
<body>
    <div id ="d"></div>
    <script>
        var table=document.createElement("table");
        var tb_style=document.createAttribute("style");
        tb_style.nodeValue="width:800px;height:8em;border:1px solid red;text-align:center";
        table.border = 1;
        table.setAttribute('cellspacing',0);
        table.setAttributeNode(tb_style);
        var tr0=new Array("id","name","blood");
        var tr1=new Array("1","gareen","340");
        var tr2=new Array("2","teemo","320");
        var tr3=new Array("3","annie","380");
        var trs=new Array(tr0,tr1,tr2,tr3);
        for(i=0;i<trs.length;i++){
            let tr=document.createElement("tr");
            for(j=0;j<tr0.length;j++)
                {
                    var td=document.createElement("td");
                    var text=document.createTextNode(trs[i][j]);
                    td.appendChild(text);
                    tr.appendChild(td);
                }
            tr.style='border-bottom:1px solid gray;';
            table.appendChild(tr);
        }
        var div=document.getElementById("d");
        div.appendChild(table);
    </script>
</body>
</html>

img