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

这应该做的工作：

Changing Background and Text Color of HTML Elements

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

Change the Background Color of an HTML Element (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>

如何通过点击td（像战舰游戏）来改变td颜色？

2 个答案: