0

首先想说的是，我在http://ali-hassan.info上工作时上传了这些 我有一个表格，当我单击表格中的一个项目时，它会在该单元格的数组中更新，所以当页面加载单元格变量为0，单击时它变为1，当发生这种情况时，我希望图像为那个单元格更改，目前我在我的javascript中有一个这样的函数，有一个函数实际上改变了单元格的变量为 1。

function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("empty"))
  {
  element.src="1.gif";
  }
else
  {
  element.src="2.gif";
  }
}

这是 HTML 表格的示例

<td><div align="center">A</div></td>
   <td class='n' id='a1' onclick="myFunction(1,0)"><img id="myimage" onclick="changeImage(1)"  src="empty.gif"/></td>
   <td class='n' id='a2' onclick="myFunction(2,0)"><img id="myimage" onclick="changeImage(2)"  src="empty.gif"/></td>
   <td class='n' id='a3' onclick="myFunction(3,0)"><img id="myimage" onclick="changeImage(3)"  src="empty.gif"/></td>
   <td class='n' id='a4' onclick="myFunction(4,0)"><img id="myimage" onclick="changeImage(4)"  src="empty.gif"/></td>
   <td></td>
4

2 回答 2

1 
 //modify ur js like this
 function changeImage(img)
 {
 //"img" is the image on which user clicked
 if (img.src.match("empty"))
   {
   img.src="1.gif";
   }
 else
   {
   img.src="2.gif";
   }
 }
//and html like this
  <td><div align="center">A</div></td>
  <td class='n' id='a1' onclick="myFunction(1,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td class='n' id='a2' onclick="myFunction(2,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td class='n' id='a3' onclick="myFunction(3,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td class='n' id='a4' onclick="myFunction(4,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td>
 </td>

您不能在 HTML 中使用重复的 Id 作为选择器，这是一种糟糕的编程风格

于 2013-02-21T17:15:57.510 回答
0 
<img onclick="changeImage.call(this, 1)"

JS：

function changeImage(i)
{
    this.src= i + ".gif";
}

注意：您的示例需要一些更改，我只展示它是如何完成的

于 2013-02-21T17:11:44.233 回答