Question

编辑：

非常感谢ya＆＃39; ll。有一个美好的夜晚/天

我尝试做的就是让javascript通过检查单元格的id来更改表格单元格中的图像src。

我已经查看了有关堆栈溢出及其解决方案的每个相关问题。出于某种原因，我的代码不起作用。最有可能是语法/缺乏睡眠问题

这个js脚本在一个表格中，位于src的正上方，我试图根据事情改变：

<script>
function getImage(){  
return "http://i.imgur.com/s5WKBjy.png"; //i literally just want to see if this works and it isn't
}  
document.onload = function(){  
    document.getElementById('homeimage').src = getImage();  
};  
</script>  

  <td colspan="3"><img style="width:110px;height:128px;" id = "homeimage" onload="getImage()"></td>   


 <td colspan = "3"><img style="width:150px;height:128px;" id = "homeimage"></td>

以上工作都没有。使用onload =＆＃34; getImage（）＆＃34;没有。我傻了吗？我必须有一些显而易见的东西。

Answer 1

您无法拥有两张ID相同的图片。例如，将一个homeimage1命名为另一个homeimage2。

Answer 2

我们不能在单个网页中多次使用相同的doucment.onload。使用不同的ID。第二次更改window.onload至function getImage(){ return "http://i.imgur.com/s5WKBjy.png"; } window.onload = function(){ document.getElementById('homeimageA').src = getImage(); document.getElementById('homeimageB').src = getImage(); }

  <td colspan="3"><img style="width:110px;height:128px;" id = "homeimageA" onload="getImage()"></td>   


 <td colspan = "3"><img style="width:150px;height:128px;" id = "homeimageB"></td>

$dbName = "../../../var/Import/PartsPlaceDB.mdb";

Answer 3

注意事项：

您有重复的ID，其中ID 是应该是唯一的。
您应该使用encodeURIComponent()返回网址值。
您不必在图片本身上使用onload。
您应该在窗口对象上绑定onload事件，这样做。
在设置src之前，只需decodeURIComponent()返回值。

<td colspan="3"><img style="width:110px;height:128px;" id="homeimage1"></td>   
<td colspan = "3"><img style="width:150px;height:128px;" id="homeimage2"></td>

现在改变了js：

<script>
   function getImage(){  
      return encodeURIComponent("http://i.imgur.com/s5WKBjy.png"); //i literally just want to see if this works and it isn't
   }  
   window.onload = function(){  
       document.getElementById('homeimage').src = decodeURIComponent(getImage());  
   };  
</script>

Answer 4

如果您不想使用任何window.onload = function() { var rows = document.getElementsByTagName("table")[0].rows; tds = rows[0].getElementsByTagName("td"); for (var n=0; n<tds.length;n++) { tds[n].getElementsByTagName('img')[0].src = getImage(); } } function getImage(){ return "http://i.imgur.com/s5WKBjy.png"; }，您可以使用此方法，此代码适用于表格中的n个td ....

<table>
  <tr>
     <td colspan="3"><img style="width:110px;height:128px;"></td>   
     <td colspan = "3"><img style="width:150px;height:128px;"></td>
  </tr>  
</table>

cc  minimal.c -lanl

通过javascript操作图像，非常简单

4 个答案: