js获取点击img的src
时间: 2024-09-11 14:17:14 浏览: 32
在JavaScript中,要获取点击图片时的src属性,可以通过事件监听器来实现。以下是具体的步骤和代码示例:
1. 选择图片元素:首先,你需要获取到你想要获取src的图片元素。这可以通过多种方式实现,比如通过id选择器、类选择器或直接引用等。
2. 添加事件监听器:为图片元素添加点击事件监听器,当图片被点击时,会触发这个监听器。
3. 获取src属性:在事件监听器的回调函数中,使用event.target或者具体选择的元素来获取被点击图片的src属性。
以下是一个简单的代码示例:
```javascript
// 通过id获取图片元素
var imgElement = document.getElementById('myImage');
// 为图片元素添加点击事件监听器
imgElement.addEventListener('click', function(event) {
// 获取被点击图片的src属性
var src = event.target.src;
// 这里可以进行进一步操作,比如打印src或者做其他处理
console.log(src);
});
// 如果图片是动态添加到页面的,可能需要使用事件委托
document.body.addEventListener('click', function(event) {
// 检查点击的元素是否是我们想要的图片
if (event.target.tagName === 'IMG') {
var src = event.target.src;
console.log(src);
}
});
```
阅读全文