如何生成颜色表？答案

【问题标题】：How to generate a table of colors?如何生成颜色表？
【发布时间】：2014-04-30 17:06:03
【问题描述】：

我正在尝试创建一个包含 32 个按钮的表格。生成的每个按钮都必须具有颜色的名称（依次为按钮生成）。如果我点击按钮，放置在表格中，页面背景颜色应该与按下按钮上显示的文本（颜色）一致。

我想过这个：

var tableRef = document.getElementById('table').getElementsByTagName('tbody')[0];

var newRow   = tableRef.insertRow(tableRef.rows.length);
newRow.id = "row"

你能做到吗？您能给我要使用的组件什么建议？我用 Javascript 代码来做这个。

【问题讨论】：

标签： javascript colors html-table

【解决方案1】：

建议：

使用 Javascript 创建整个事物。

 function createTable(){
     var body=document.getElementsByTagName('body')[0];
     var tbl=document.createElement('table');
     tbl.setAttribute('id', tableID);

     var tbdy=document.createElement('tbody');

     for(var i=0;i<4;i++){
         var tr=document.createElement('tr');
         for(var j=0;j<8;j++){
             var td=document.createElement('td');

             var bt = document.createElement('button'); 
             // add button attributes
             td.appendChild(bt);
             tr.appendChild(td)
        }
    }
    tbdy.appendChild(tr);
   }
   tbl.appendChild(tbdy);
   body.appendChild(tbl)
}

然后你创建 onclick 方法

  function changeColor(color){
      var body=document.getElementsByTagName('body')[0];
      body.style.bgColor = color;
  }

请注意，我是凭记忆这样做的，如果 bgcolor 不起作用，请尝试其他方法

【讨论】：

有趣。我正在考虑有关如何实施该计划的各种想法。我不明白为什么我被投了反对票，谢谢支持。