javascript - 更改表格中每个单元格的颜色 HTML JavaScript CSS

Question

我的代码仅在单击按钮时更改所有表格的颜色。请注意，每个单元格之间都有一个空格，所以我发现我需要更改表格中每个单元格的每个颜色，而不是表格本身。任何建议，我是 JS 和 CSS 的新手。

 <script type="text/javascript">
 function color(){
    document.getElementById('mytable').style.backgroundColor ="blue";
 }
 </script>

Answer 1

我建议您将函数的新 clear() 更改为其他内容 - 我不相信这个词在内联时用作函数名称时会起作用。这是因为，正如@Dennis 提到的，document.clear 将在 window.clear 之前的链中找到。 See this question了解更多相关信息。

---

Here's a working jsFiddle.

一种方法可以像这样:

function color(){
   var x = document.getElementsByTagName('td');
   for(i=0;i<x.length;i++) {
     x[i].style.backgroundColor ="blue";
   }
}

function clearit(){
   var x = document.getElementsByTagName('td');
   for(i=0;i<x.length;i++) {
     x[i].style.backgroundColor = "";
   }
}