document.getElementById 的ID能不能用个循环，还有上面的table

Question

        <table border="1" style="text-align:center;border-collapse: collapse;font-size:9px;background-color:#ffd400;overflow:hidden;">
            <tr><th id="th1" ></th><th id="th2" ></th><th id="th3" ></th><th id="th4"></th><th id="th5"></th><th id="th6"></th><th id="th7"></th><th id="th8"></th><th id="th9"></th><th id="th10"><th id="th11"></th><th id="th12"></th><th id="th13"></th><th id="th14"></th><th id="th15"></th><th id="th16"></th></tr>
        </table>

<script type="text/javascript">
              var d1 = arr4[0];
              var dd1 = document.getElementById('th1');
                  dd1.innerHTML = d1;
              var d1 = arr4[1];
              var dd1 = document.getElementById('th2');
                  dd1.innerHTML = d1;
              var d1 = arr4[2];
              var dd1 = document.getElementById('th3');
                  dd1.innerHTML = d1;
              var d1 = arr4[3];
              var dd1 = document.getElementById('th4');
                  dd1.innerHTML = d1;
              var d1 = arr4[4];
              var dd1 = document.getElementById('th5');
                  dd1.innerHTML = d1;
              var d1 = arr4[5];
              var dd1 = document.getElementById('th6');
                  dd1.innerHTML = d1;
              var d1 = arr4[6];
              var dd1 = document.getElementById('th7');
                  dd1.innerHTML = d1;
              var d1 = arr4[7];
              var dd1 = document.getElementById('th8');
                  dd1.innerHTML = d1;
              var d1 = arr4[8];
              var dd1 = document.getElementById('th9');
                  dd1.innerHTML = d1;
              var d1 = arr4[9];
              var dd1 = document.getElementById('th10');
                  dd1.innerHTML = d1;
              var d1 = arr4[10];
              var dd1 = document.getElementById('th11');
                  dd1.innerHTML = d1;
              var d1 = arr4[11];
              var dd1 = document.getElementById('th12');
                  dd1.innerHTML = d1;
              var d1 = arr4[12];
              var dd1 = document.getElementById('th13');
                  dd1.innerHTML = d1;
              var d1 = arr4[13];
              var dd1 = document.getElementById('th14');
                  dd1.innerHTML = d1;
              var d1 = arr4[14];
              var dd1 = document.getElementById('th15');
                  dd1.innerHTML = d1;
              var d1 = arr4[15];
              var dd1 = document.getElementById('th16');
                  dd1.innerHTML = d1;

</script>

Answer 1

你要嘛给每个需要遍历的对象加个class，然后 document.getElementsByClassName()是可以获取到数组来循环的

循环id的话，你得自己知道自己写的有多少个，你这里是16个，那就循环16次

    for (let index = 0; index < 16; index++) {
      var d1 = arr4[index];
      var dd1 = document.getElementById("th" + (index + 1));
      dd1.innerHTML = d1;
    }

对你有帮助的话希望采纳一下