求得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">
相关推荐
-
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
-
jquery img src 获取实现代码
请"运行代码"后刷新一次. jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
图片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
-
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
-
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
-
iframe src为图片时的高度自适应的代码
对于iframe高度自适应的问题,网上已经被讨论n次了,一般通过在iframe加载完毕时访问iframe内页body的offsetHeight和offsetWidth然后更新iframe的高宽来实现. 今日遇到的自适应问题与以往有一些不同,这次的src是一张图片,而且是一张大小不确定的图片(从数据库取出来的数据生成的),在此使用以往的方式似乎就没有那么灵验了.突然想到img标记的高宽是可以获取到的.于是突然有了思路. 解决办法如下: 先动态生成一个img元素,在
-
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需刷新才能执行]
-
求得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.
随机推荐
- Firefox下设为主页的JavaScript代码
- Centos7.3下mysql5.7安装配置教程
- 简单谈谈Python中的元祖(Tuple)和字典(Dict)
- Swift 3.0基础学习之闭包
- JavaScript中的子窗口与父窗口的互相调用问题
- js模仿java的Map集合详解
- 深入PHP中的HashTable结构详解
- PHP cdata 处理(详细介绍)
- PHP的FTP学习(一)[转自奥索]
- 在ASP编程中nothing代表什么意思?
- Lua中释放table占用内存的方法
- 基于redis实现的点赞功能设计思路详解
- js计数器代码
- java整数(秒数)转换为时分秒格式的示例
- innerhtml用法 innertext用法 以及innerHTML与innertext的区别
- js函数名与form表单元素同名冲突的问题
- 三种方式实现瀑布流布局
- 详解android6.0版本下悬浮窗实现
- 数据库基本操作语法归纳总结
- Android读取assets目录下的所有图片并显示的方法