javascript - 如何通过点击 td（如战舰游戏）更改 td 颜色？

Question

如何通过点击 td（如战舰游戏）更改 td 颜色？这是具有特定 id 的代码：

str +="<td id='" + counter + "' onclick='checkClick(" + counter + "," + i + "," + j + ")' style = 'background-color: Black; height:30px; width:30px'>";

（最后的 str 将与 innerHTML 一起使用，它将在主体内的 div 上更新它

checkClick 函数需要更改它，我尝试使用 innerHTML 或通过 ElementID 获取 td，但它不起作用

Answer 1

# my_markup.html
<td id="clickable">Blah</td>

# my_scripts.js
document.getElementById("clickable").addEventListener("click", tableClicked);
function tableClicked(e) {
  e.target.style.backgroundColor = '#FF0000';
}

Answer 2

这应该做的工作：

更改 HTML 元素的背景和文本颜色

或者这个，甚至更简单的方法：

更改 HTML 元素 (DIV) 的背景颜色

<div id="main" class="main">
  <p>hello!</p>
</div>

  <script type="text/javascript">
  function changecolor()
  {
    var mainContent = "";
    mainContent = document.getElementById("main");
    mainContent.style.backgroundColor = "#FFFF99";
  }
  </script>