随机生成某列*某行的不同颜色的表格

如图所示

js

js代码

onload = function () {
        var btn = document.getElementById("shengcheng");
        btn.onclick = function () {
            var row = document.getElementById("row").value;
            var col = document.getElementById("col").value;
            var table = document.createElement("table");
            table.style.border = "solid 1px black";
            document.body.appendChild(table);
            for (var i = 0; i < Number(row); i++) {
                  var tr = document.createElement("tr");
                  for (var j = 0; j < Number(col); j++) {
                        var td = document.createElement("td");
                        td.innerHTML = Math.round(Math.random() * 100);
                        td.style.background = randomColor();
                        td.style.border = "solid 1px black";
                        td.onclick = function () {
                              //                                this.parentNode.remove();
                              this.parentNode.parentNode.removeChild(this.parentNode)
                        }
                        tr.appendChild(td);
                  }
                  table.appendChild(tr);
            }
        }

        function randomColor() {
            var R = Math.floor(Math.random() * 256).toString(16);
            var G = Math.floor(Math.random() * 256).toString(16);
            var B = Math.floor(Math.random() * 256).toString(16);
            return "#" + (R.length < 2 ? "0" + R : R) + (G.length < 2 ? "0" + G : G) + (B.length < 2 ? "0" + B : B);
        }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32