JavaScript for循环属性赋值失效 表格单元格按文本设置bgcolor不生效

• 核心逻辑错误：你混淆了单元格遍历索引和科目数组索引的用途。当匹配到当前遍历的elems[i]的文本属于科目列表时，你获取的ind是该科目在subjects数组中的下标（取值范围仅为0~7，因为你只有8个科目），但你后续却用elems[ind]作为要设置样式的目标对象。这就导致无论你遍历到第几个匹配的单元格，永远只会修改elems前8个元素的背景色，后面的单元格就算文本匹配也不会被设置样式，只是反复给前8个单元格重复赋值而已。
• 额外可优化点：bgcolor属于已被废弃的HTML原生属性，更推荐用DOM元素的style.backgroundColor属性来设置背景色，规范度和兼容性更好，还可以额外加trim()处理单元格文本，避免首尾空格导致匹配失败。

var subjects = ["Geography", "English", "Biology", "Math", "Sanskrit", "Physics", "Chemistry", "History"];
var colors = ["#DEF862", "#62F87F", "#62E2F8", "#7F62F8", "#F662F8", "#F8627A", "#F87062", "#E09484"];
var elems = document.getElementsByTagName("td");
for (var i=0; i<elems.length; i++){
    const curText = elems[i].textContent.trim();
    if (subjects.includes(curText)){
        const ind = subjects.indexOf(curText);
        // 改为给当前遍历到的单元格设置样式
        elems[i].style.backgroundColor = colors[ind];
    }
}

内容的提问来源于stack exchange，提问作者just_another_beginner