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

Posted 2023-03-19

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

每个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;语句也都遍历一遍？

参考技术A 方法:
<script language="javascript">
function fc(dom)
var src = dom.getAttribute("src");
alert(src);

</script>

标签:
<img src="..." onclick="fc(this)"></img>本回答被提问者采纳 参考技术B function getSrc(that)
var Src=this.src;
alert(Src)


<img src="../item.png" onclick="getSrc(this)" /> 参考技术C 很简单，给要获取src的图片加一个ID 为img_src(名字你自己定)，然后定义一个变量来存这个图片的路径，代码为：var src=document.getElementById("img_src").src; 这个变量scr就是该图片的路径