JS如何捕获图片SRC 在线等 动态加载比如3张图片,在单击某一张图片时,弹出这张图片的SRC。但是图片没有ID,NAME 如何用JS捕获到呢?求解或求其他实现思路。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <body><script>var img=document.createElement("img");document.body.appendChild(img)img.src="foobar.jpg"img.onclick=function(){ alert(this.getAttribute("src"))}</script> </body> <img src='...' onclick='alert(this.src)' /> 6楼。首先我的图是动态加载进来的。图没有ID,NAME,ONCLICK事件。要单击这个图的时候,获得,而不是直接加上 4楼不对吧,你是创建了IMG对象,然后再通过这个对象得出的路径。我这里是write("<img src=''>");这样写出来的多个图片。 比如加载到 <div id="imgdiv"></div>jquery:$("#imgdiv").find("img").click(function(){ alert($(this).attr('src'))}) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>获取src</title> <script src="js/jquery-1.4.2.min.js" type="text/javascript"> </script> </head> <script type="text/javascript" language="JavaScript"> function getSrc(obj){ var image = new Image(); image.src=obj.src; } </script> <body> <div> <img src="asd.jpg" onclick="getSrc(this)"> </div> </body></html> 刚才那个写错了,没理解lz的意思。现在这个对了吧,页面加载的时候,你的图片动态加载到了div里,然后取这个图片的src<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>获取src</title> </head> <script type="text/javascript" language="JavaScript"> function load(){ document.getElementById("imgDiv").innerHTML = '<img src="asd.jpg" />'; alert(document.getElementById("imgDiv").firstChild.src); } </script> <body onload="load()"> <div id="imgDiv"></div> </body></html> Js 动态创建的id如何动态获取 版主 帮我改哈代码,刚学jquery,比较菜 论坛中发新帖时字体工具栏怎样实现? 冒泡法排序数字,出现问题了? JS实现简单拖拽 如何动态的获得name相同的值 如何在网页上自动滚屏完成后进行网页的自动刷新,或者也可以问如何判断自动滚屏的是否结束? 大拿,帮忙啊,急死了,主要是tinymce插入代码问题 打印按钮的隐藏问题 怎样使一个窗口自己改变自己的大小 请问下面的应该怎么写? 删除数组对象中的某个对象
<script>
var img=document.createElement("img");
document.body.appendChild(img)
img.src="foobar.jpg"
img.onclick=function(){
alert(this.getAttribute("src"))
}
</script>
</body>
首先我的图是动态加载进来的。图没有ID,NAME,ONCLICK事件。要单击这个图的时候,获得,而不是直接加上
我这里是write("<img src=''>");这样写出来的多个图片。
比如加载到 <div id="imgdiv"></div>jquery:
$("#imgdiv").find("img").click(function(){
alert($(this).attr('src'))
})
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>获取src</title>
<script src="js/jquery-1.4.2.min.js" type="text/javascript">
</script>
</head>
<script type="text/javascript" language="JavaScript">
function getSrc(obj){
var image = new Image();
image.src=obj.src;
}
</script>
<body>
<div>
<img src="asd.jpg" onclick="getSrc(this)">
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>获取src</title>
</head>
<script type="text/javascript" language="JavaScript">
function load(){
document.getElementById("imgDiv").innerHTML = '<img src="asd.jpg" />';
alert(document.getElementById("imgDiv").firstChild.src);
}
</script>
<body onload="load()">
<div id="imgDiv"></div>
</body>
</html>