Question

我试图用32个按钮创建一个表。生成的每个按钮必须具有颜色的名称（依次为按钮生成）。如果我点击放在表格中的按钮，页面背景颜色应该是按下按钮上显示的文字（颜色）。

我想到了这个：

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

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

你能做到吗？你有什么建议可以给我使用的组件？我用Javascript代码制作了这个。

Answer 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不起作用，那么尝试别的东西

如何生成颜色表？

1 个答案: