Question

我正在尝试使用javascript获取网页上3张图片的来源。现在，..我可以得到的第一个图像源，而另外两个可以给我提供无法读取空错误的src。

这是我的代码：

var a = document.querySelector("#cimg1 > img").src;
var b = document.querySelector("#cimg2 > img").src;
var c = document.querySelector("#cimg3 > img").src;

alert(String(a+b+c));

HTML：

<form name="mainf" onsubmit="javascript:dosub();return false;">
   <div align="center">
    <table>
     <tbody>
       <tr>
         <td>
           <div id="cimg1">
            <img width="35" height="55" src="images/capchs/6.png">
           </div>
         </td>
         <td>
           <div id="cimg2">
 	    <img width="35" height="55" src="images/capchs/1.png">
           </div>
         </td>
         <td>
           <div id="cimg3">
	     <img width="35" height="55" src="images/capchs/9.png">
           </div>
         </td>
       </tr>
    </tbody>
   </table>
  </div>
</form>

谢谢！

Answer 1

您需要检查@chazsolo指出的Dom内容是否已加载。您要在页面上存在图像src之前寻找它。如果您使用的是jquery，则必须将代码包装在这样的函数中……

$(function(){
    //... put your code here....
});

如果使用香草js，那么您可以做类似...

document.addEventListener('DOMContentLoaded', function(){
    //... put your code here....  
});

图片来源多

1 个答案: