从 img 标记中获取 src 值
Get the src value from the img tag
我在 JavaScript 文件中编写了这个代码部分,以选择.html
文件中的所有img
标签。
var imgs = document.getElementsByTagName('img');
如何将这些标签的src
值提取到数组中以供将来使用?
试试这样吧
function img_find() {
var imgs = document.getElementsByTagName("img");
var imgSrcs = [];
for (var i = 0; i < imgs.length; i++) {
imgSrcs.push(imgs[i].src);
}
return imgSrcs;
}
使用 src 标签:
var imgs = document.getElementsByTagName("img")[0].src;
或
var imgs = document.getElementById("imgid").src;
你可以
这样尝试:-
var img = document.getElementById('myImg');
var attr = img.getAttribute('src');
或者简单地尝试这样:-
var imgs = document.getElementById('your_image_id').getAttribute('src');
Array.prototype.map.call(document.getElementsByTagName('img'), function(img) {
return img.src;
});
这就是地图的用途。
您也可以使用空数组:
[].map.call(document.getElementsByTagName('img'), function(img) {
return img.src;
});
如果需要更多浏览器支持或想要使用实用程序库,
jQuery.map(document.getElementsByTagName('img'), function(img){ return img.src; });
或者只是按照它应该使用的方式使用 jQuery(尽管上面可以使用 _.map
,使用下划线或 lodash):
jQuery('img').map(function(){ return this.src; });
相关文章:
- 子字符串/正则表达式以获取字符串中保存的 SRC 值
- 如何使用javascript和xpath获取图像src
- 从二维数组中获取img src和img维度,并在body中显示
- 如何获取 src 脚本的文本内容
- 使用 DOM php 从 IMG 与 Class 获取 SRC
- 从 img 标记中获取 src 值
- 如何从图片标签中获取“src”属性
- Jquery试图使用html()获取src
- 通过javascript从iframe中获取src参数
- Javascript regex在脚本标签之间获取src url
- 从Iframe中获取Src Id
- AngularJS:获取src/app/templates目录中的所有文件名
- 从Iframe内部获取SRC值
- 获取SRC信息并使用javascript将其插入css3 content - tag中
- 设置src =“id"Iframe通过url.com/id获取SRC
- JS + HTML,使用javascript获取src
- jQuery获取src更改后和fadeIn之前的img宽度
- 正则表达式获取 src 表单 URL
- Javascript 从特定图像点击中获取 .src
- JavaScript/JQuery -从视频标签开始时获取src