JS如何取得当前对象的属性

Question

页面中有很多张<img>，要获取当前点击的那一张<img>的"src"，语句怎么写？。

Answer 1

每个Img规定一个ID；
<img src="1.jpg" id="img1">
<img src="1.jpg" id="img2">
<img src="1.jpg" id="img3">
点击一个按钮获取src
<input type="button" value="获取src" onclick="aa()">
js中：
function aa(){
var img1 = document.getElementById("img1").src;

//别的一样获取。这样获取的src是绝对路径
}
或者这样：
function aa(){
var img1 = document.getElementById("img1").getAttribute("src");

//跟上面效果一样。
}

追问

问题是图片都是遍历出来的，怎么知道哪个是当前选择的图片ID？难道var img1 = document.getElementById("img1").src;语句也都遍历一遍？

Answer 2

方法:
<script language="javascript">
function fc(dom){
var src = dom.getAttribute("src");
alert(src);
}
</script>

标签:
<img src="..." onclick="fc(this)"></img>

Answer 3

function getSrc(that){
var Src=this.src;
alert(Src)

}
<img src="../item.png" onclick="getSrc(this)" />

Answer 4

很简单，给要获取src的图片加一个ID 为img_src(名字你自己定)，然后定义一个变量来存这个图片的路径，代码为：var src=document.getElementById("img_src").src; 这个变量scr就是该图片的路径