Javascript 如何突出显示HTML表格中的单元格

如何通过让用户选择HTML表格中的单元格来突出显示它们——就像在Excel中一样

---

这里有3个示例说明了我的意思：

这是一种可能性：

<table>
<tr>
<td>...</td>
<td>...</td>
</tr>
...
</table>

---

当用户单击单元格时，只需应用CSS类。您可以在第二次单击时删除该类

试试这个：

//等待DOM加载完成
addEventListener（“DOMContentLoaded”，function（））{
//获取数组中的所有td元素
var theCells=document.getElementsByTagName（“td”）；
//循环通过每个td
对于（变量i=0；i
td{边框：1px纯黑；}
.突出显示{背景：#ff0；}

...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
您可以使用JavaScript来实现这一点。要保存选定的单元格位置，请使用localStorage.great、Mehul——请演示如何保存
function toggleBG() {
   if(this.className.indexOf("yellowBG") >= 0) {
      var x = this.className;
      this.className = x.split("yellowBG").join(''); 
   } else {
      this.className += "yellowBG";
   }
}
var elem = document.getElementsByTagName('td');
for (var i = 0; i < elem.length; i++) {
    elem[i].addEventListener('click', toggleBG,, false);
}

.yellowBG {
   background: yellow;
}