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

目的:求得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>

我的错误代码:
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..........
}
}
解决问题的代码


代码如下:

<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="imgage/"+i+".gif";}
alert(imglist[i].src) //测试成功
}
}
</script>
<input onclick="imglist('listimg')" value="test" type="button">

(0)

相关推荐

  • javascript动态改变img的src属性图片不显示的解决方法

    首先讲下这个bug的出现的情况,页面中有 复制代码 代码如下: <a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';"> 这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果.可是不幸的是:IE是动态改变的图片的路径,但是图片却不显示出来,得右键&quo

  • js实现的修改div里img标签的src属性

    无标题文档 function addmethod() { var table=document.getElementById("table"); var tr=table.firstChild.getElementsByTagName("tr")[0]; var arr=tr.getElementsByTagName("td"); for (var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • iframe src为图片时的高度自适应的代码

    对于iframe高度自适应的问题,网上已经被讨论n次了,一般通过在iframe加载完毕时访问iframe内页body的offsetHeight和offsetWidth然后更新iframe的高宽来实现.          今日遇到的自适应问题与以往有一些不同,这次的src是一张图片,而且是一张大小不确定的图片(从数据库取出来的数据生成的),在此使用以往的方式似乎就没有那么灵验了.突然想到img标记的高宽是可以获取到的.于是突然有了思路. 解决办法如下:         先动态生成一个img元素,在

  • 图片img的src不变让浏览器重新加载实现方法

    javascript给这个img标签的src属性后面拼接一个 ? 和 javascript对象new Date().getTime()毫秒值做成queryString的样子,就能防止被缓存了 在图片地址src不变的情况下让浏览器重新加载图片 实际上,在src不变时,浏览器直接就去读取缓存了 解决办法: var img_src ='http://www.ilsea.net/images/seagull.jpg?t='+Math.random(); 这样给图片地址拼接一个随机数,用js重新给 img

  • jquery attr 设定src中含有&(宏)符号问题的解决方法

    问题描述: html代码如下: <iframe src="http://www.jb51.net" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe> 我用 jquery 的attr 方法设定 iframe的src属性 $("#addOr

  • jquery img src 获取实现代码

    请"运行代码"后刷新一次. jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • javascript控制frame,iframe的src属性代码

    复制代码 代码如下: <script language="javascript"> <!-- function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) retur

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

    目的:求得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="

  • 获取客户端网卡MAC地址和IP地址实现JS代码

    在做B/S结构的系统时,我们常常需要获取客户端的一些信息,如IP和MAC,以结合身份验证.要获取服务器端的MAC很容易,但是要获取客户端的MAC的地址确要花费一翻心思,通常的做法是调用Win32API或直接调用nbtstat命令,这样做有很多问题,而另一种方法就是直接用客户端脚本,我们这里用Javascript,这样做的好处是不需要服务器端进行处理,有客户端自行获取,传递到服务器端,且速度和可靠性都比在服务器端获取好. 具体实现的html和javascript如下: 复制代码 代码如下: <HT

  • 复制本贴标题和地址的js代码

    <INPUT name="button" type="button" class="i185" title="复制本贴标题和地址,发给QQ\Msn上的好友!" onclick="copyurl()" value="点击复制本帖地址,推荐给朋友"><SPAN class="cRed f12" id="copyshow"><

  • 得到form下的所有的input的js代码

    使用form 的集合对象elements,从而得到value 复制代码 代码如下: var form = document.getElementById("dateform"); var a = form.elements.length;//所有的控件个数 for (var j=0;j<a;j++){ if(form.elements[j].className == "text"){//class="text"的控件 if(form.ele

  • 顶部缓冲下拉菜单导航特效的JS代码

    复制代码 代码如下: <script type="text/javascript">            $(function() {                var d=300;                $('#navigation a').each(function(){                    $(this).stop().animate({                        'marginTop':'-80px'       

  • 按下Enter焦点移至下一个控件的实现js代码

    复制代码 代码如下: <html> <head> <title>Enter2Tab</title> <script type="text/javascript"> window.onload=function(){ var list = new Array(); for(var i=5;i<document.all.length;i++) { if(document.all[i].type=="text&quo

  • php正则提取html图片(img)src地址与任意属性的方法

    简单版: <?php header("Content-Type: text/html;charset=utf-8"); $str = '<div class="ui-block-a" align="center"> <a href="online-39.html" rel="external nofollow" ><img class="lazy" w

  • img的src地址是一个请求的方式来显示图片方法

    1.jsp <img alt="test" src="getImg2.do"> 2.controller @RequestMapping("getImg2") public void getImg2(HttpServletRequest request, HttpServletResponse response) throws IOException { FileInputStream fis = null; OutputStream

  • jquery控制div下所有连接

    jquery控制div下所有连接 $(function(){ $("#allA a").click(function(){ window.alert(this.href); return false; }) }) 我们 我们 我们 我们 我们 我们 我们 我们 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • Android开发实现在Wifi下获取本地IP地址的方法

    本文实例讲述了Android开发实现在Wifi下获取本地IP地址的方法.分享给大家供大家参考,具体如下: 代码核心介绍: WifiManager类提供了对设备Wifi功能的管理,包括Wifi开关的打开和关闭,IP地址获取等等,早期的Android版本甚至支持对于IP的设置.在这里仅介绍其简单的一个小应用--获取IP地址. 首先先添加Uses-Permission:CHANGE_WIFI_STATE,WAKE_LOCK和ACCESS_WIFI_STATE.代码如下(AndroidManifest.

随机推荐