2

tdをクリックしてtdの色を変更する方法（戦艦ゲームのように）？ここに特定のIDを持つコードがあります：

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

(最後の str は、ボディ内の div でこれを更新する innerHTML で使用されます

checkClick 関数はそれを変更する必要があります。innerHTML を使用するか、ElementID で td を取得しようとしましたが、機能しませんでした

4

2 に答える 2

3 
# 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';
}
于 2012-06-17T21:57:03.660 に答える
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>
于 2012-06-17T21:56:40.443 に答える