Javascript颜色和表格？

我在为我的Web开发考试做复习，遇到了这个问题：

我的答覆是：

    function pallete() {
        var components = ["00", "33", "66", "99", "CC", "FF"];
        var context = document.body;
        var tab = document.createElement('table');
        for (i = 0; i < 6; i++) {
            for (j = 0; j < 6; j++) {
                var trow = document.createElement('tr');
                for (f = 0; f < 6; f++) {
                    var thead = document.createElement('th');
                    thead.innerHTML = "#" + components[i] + components[j] + components[f];
                    thead.style.color = components[i] + components[j] + components[f];
                    trow.appendChild(thead);
                }
                tab.appendChild(trow);
            }
        }
        context.appendChild(tab);
    }

功能托盘（）{
var分量=[“00”、“33”、“66”、“99”、“CC”、“FF”]；
var context=document.body；
var tab=document.createElement（'table'）；
对于（i=0；i<6；i++）{
对于（j=0；j<6；j++）{
var trow=document.createElement（'tr'）；
对于（f=0；f<6；f++）{
var thead=document.createElement（'th'）；
thead.innerHTML=“#”+组件[i]+组件[j]+组件[f]；
thead.style.color=组件[i]+组件[j]+组件[f]；
附肢儿童（thead）；
}
tab.appendChild（trow）；
}
}
appendChild（选项卡）；
}

我在浏览器上测试了代码，但什么都没有出现！我认为我的逻辑是完美的。。。不知道这里出了什么问题。请给我指点，非常感谢

使用document.createElement（）而不是context.createElement（）。也为ad.innerHTML赋值，而不是将其用作set函数

function pallete() {
    var components = ["00", "33", "66", "99", "CC", "FF"];
    var context = document.body;
    var tab = document.createElement('table');
    for (i = 0; i < 6; i++) {
        for (j = 0; j < 6; j++) {
            var trow = document.createElement('tr');
            for (f = 0; f < 6; f++) {
                var thead = document.createElement('th');
                thead.innerHTML = "#" + components[i] + components[j] + components[f];
                thead.style.color = components[i] + components[j] + components[f];
                trow.appendChild(thead);
            }
            tab.appendChild(trow);
        }
    }
    context.appendChild(tab);
}

功能托盘（）{
var分量=[“00”、“33”、“66”、“99”、“CC”、“FF”]；
var context=document.body；
var tab=document.createElement（'table'）；
对于（i=0；i<6；i++）{
对于（j=0；j<6；j++）{
var trow=document.createElement（'tr'）；
对于（f=0；f<6；f++）{
var thead=document.createElement（'th'）；
thead.innerHTML=“#”+组件[i]+组件[j]+组件[f]；
thead.style.color=组件[i]+组件[j]+组件[f]；
附肢儿童（thead）；
}
tab.appendChild（trow）；
}
}
appendChild（选项卡）；
}

另一个建议是使用“td”而不是“th”

使用document.createElement（）而不是context.createElement（）。也为ad.innerHTML赋值，而不是将其用作set函数

function pallete() {
    var components = ["00", "33", "66", "99", "CC", "FF"];
    var context = document.body;
    var tab = document.createElement('table');
    for (i = 0; i < 6; i++) {
        for (j = 0; j < 6; j++) {
            var trow = document.createElement('tr');
            for (f = 0; f < 6; f++) {
                var thead = document.createElement('th');
                thead.innerHTML = "#" + components[i] + components[j] + components[f];
                thead.style.color = components[i] + components[j] + components[f];
                trow.appendChild(thead);
            }
            tab.appendChild(trow);
        }
    }
    context.appendChild(tab);
}

功能托盘（）{
var分量=[“00”、“33”、“66”、“99”、“CC”、“FF”]；
var context=document.body；
var tab=document.createElement（'table'）；
对于（i=0；i<6；i++）{
对于（j=0；j<6；j++）{
var trow=document.createElement（'tr'）；
对于（f=0；f<6；f++）{
var thead=document.createElement（'th'）；
thead.innerHTML=“#”+组件[i]+组件[j]+组件[f]；
thead.style.color=组件[i]+组件[j]+组件[f]；
附肢儿童（thead）；
}
tab.appendChild（trow）；
}
}
appendChild（选项卡）；
}

另一个建议是使用“td”而不是“th”

与

• 函数顶部的声明块

• document.createElement

• td

  而不是

  th

• innerHTML

  作为分配

• td.style.backgroundColor

  而不是

  td.style.color

• 在颜色值前面指定颜色需要
  ，如

  \003366

功能托盘（）{
var分量=[“00”、“33”、“66”、“99”、“CC”、“FF”]，
context=document.body，
tab=document.createElement（'table'），
trow，td，
i、 j，f；
对于（i=0；i<6；i++）{
对于（j=0；j<6；j++）{
trow=document.createElement（'tr'）；
对于（f=0；f<6；f++）{
td=document.createElement（'td'）；
td.innerHTML=“#”+组件[i]+组件[j]+组件[f]；
td.style.backgroundColor=“#”+组件[i]+组件[j]+组件[f]；
附肢儿童（td）；
}
tab.appendChild（trow）；
}
}
appendChild（选项卡）；
}

使用

• 函数顶部的声明块

• document.createElement

• td

  而不是

  th

• innerHTML

  作为分配

• td.style.backgroundColor

  而不是

  td.style.color

• 在颜色值前面指定颜色需要
  ，如

  \003366

功能托盘（）{
var分量=[“00”、“33”、“66”、“99”、“CC”、“FF”]，
context=document.body，
tab=document.createElement（'table'），
trow，td，
i、 j，f；
对于（i=0；i<6；i++）{
对于（j=0；j<6；j++）{
trow=document.createElement（'tr'）；
对于（f=0；f<6；f++）{
td=document.createElement（'td'）；
td.innerHTML=“#”+组件[i]+组件[j]+组件[f]；
td.style.backgroundColor=“#”+组件[i]+组件[j]+组件[f]；
附肢儿童（td）；
}
tab.appendChild（trow）；
}
}
appendChild（选项卡）；
}

---

你能发布一个现场演示来重现这个问题吗？哦，页面上根本没有显示任何内容，一个空白页面。这是你的完整代码吗？你真的调用了你的函数吗？@georg是的，HTML代码是问题中的一个，没有改变任何东西。我把你的代码原样复制到一个提琴中，它肯定会显示所有需要的文本：-我只需要添加

window.onload=palete

，因为JSFIDLE不喜欢你弄乱body元素，但它应该在你的版本中工作。它没有设置颜色，因为你需要在颜色代码的开头添加

“#”

：-或者如果你想设置背景颜色：你能发布一个现场演示来重现这个问题吗？哦，页面上根本没有显示任何内容，一个空白页面。这是你的全部吗