前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js和jQuery获取img标签的src属性获取不到的解决方法

js和jQuery获取img标签的src属性获取不到的解决方法

作者头像
德顺
发布2019-11-12 16:52:15
18.8K0
发布2019-11-12 16:52:15
举报
文章被收录于专栏:前端资源

很多朋友可能遇到过,用 jQuery 获取 img 标签的 src 属性却获取不到的问题:

代码语言:javascript
复制
<img id="test" src="1.jpg" alt="test" />

使用如下的语句都会出错:

代码语言:javascript
复制
alert($('#test'));
alert($('#test').src);

使用 $('#test').src 语句不会出错,但获取不到 img 的地址。

代码语言:javascript
复制
alert($('#test'));  //[object Object]
alert($('#test').src);  //undefined

 最后,使用 $('#test')[0].src 才能够获取到 img 的地址。

拓展:

JS获取 imgsrc 值:

代码语言:javascript
复制
//方法一:
var path =  $('#test').attr('src');
//方法二:
var path = document.getElementById("test").src;
//方法三:
var path = $("#test")[0].src;

声明:本文由w3h5原创,转载请注明出处:《js和jQuery获取img标签的src属性获取不到的解决方法》 https://cloud.tencent.com/developer/article/1537368

代码语言:txt
复制
     (adsbygoogle = window.adsbygoogle || []).push({});
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档