Question

首先要说的是，我在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>

Answer 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作为选择器，这是一种糟糕的编程风格

Answer 2

<img onclick="changeImage.call(this, 1)"

JS：

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

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

根据javascript值更改HTML图像

2 个答案: