求得div 下 img的src地址的js代码

获取 Div 下 Img 的 Src 地址的 JS 代码 在网页开发中，获取某个元素的属性值是非常常见的操作，而获取 Div 下 Img 的 Src 地址是其中的一种。今天，我们就来讨论如何使用 JavaScript 获取 Div 下 Img 的 Src 地址。 让我们来看一下 HTML 代码：<div id="image1"><img src="loading.gif" /></div> <div id="image2"><img src="loading.gif" /></div> ... <div id="image12"><img src="loading.gif" /></div> 在上面的 HTML 代码中，我们可以看到有多个 Div 元素，每个 Div 元素下都有一个 Img 元素，并且每个 Img 元素的 Src 属性值都是 "loading.gif"。我们的目标是获取每个 Div 元素下 Img 元素的 Src 属性值，并将其更改为新的值。 接下来，让我们来看一下错误的 JavaScript 代码： initImage(); loadImage(); function initImage() { for(var i=1;i<13;i++) { imageId[i]=document.getElementById("image"+i); } } function loadImage() { for(var j=1;j<13;j++){ imageList[j]=imageId[j].getElementsByTagName("img")[0]; if(imageId[j].src=="images/loading.gif") imageId[j].src="images/"+j+".gif"; else{ ...... } } } 在上面的 JavaScript 代码中，我们可以看到使用了两个函数：initImage() 和 loadImage()。initImage() 函数用于获取每个 Div 元素，并将其存储在 imageId 数组中，而 loadImage() 函数用于获取每个 Div 元素下的 Img 元素，并将其Src 属性值更改为新的值。 但是，这个代码有一个问题，那就是它不能正确地获取每个 Div 元素下的 Img 元素的 Src 属性值。原因是因为在 loadImage() 函数中，我们使用了 imageId[j].src 来获取 Img 元素的 Src 属性值，但是 imageId[j] 是 Div 元素，而不是 Img 元素。 现在，让我们来看一下正确的 JavaScript 代码：<div id="listimg"><div><img src="loading.gif" /></div> <div><img src="loading.gif" /></div> </div> <script> function imglist(obj) { var imglist=document.getElementById(obj).getElementsByTagName('IMG') for (i=0;i<imglist.length;i++ ) { if(imglist[i].src.indexOf("loading.gif",0)!=-1){ imglist[i].src="image/"+i+".gif"; } alert(imglist[i].src) //测试成功 } } </script> <input onclick="imglist('listimg')" value="test" type="button"> 在上面的 JavaScript 代码中，我们定义了一个函数 imglist(obj)，该函数用于获取某个 Div 元素下的所有 Img 元素，并将其 Src 属性值更改为新的值。在这个函数中，我们首先使用 getElementsByTagName('IMG') 方法获取所有 Img 元素，然后使用 for 循环遍历这些 Img 元素，并将其 Src 属性值更改为新的值。 从上面的代码中，我们可以看到，获取 Div 下 Img 的 Src 地址可以使用 getElementsByTagName('IMG') 方法来获取所有 Img 元素，然后使用 for 循环遍历这些 Img 元素，并将其 Src 属性值更改为新的值。