gpt4 book ai didi

javascript - 使用 Javascript 从整个 div 中提取图像 src

转载 作者:行者123 更新时间:2023-11-28 05:01:32 25 4
gpt4 key购买 nike

大家好,我正在使用 JavaScript。我的代码是:

<div id="myDiv" onClick="myfn()">
<img src="a.png">
<img src="b.png">
</div>

我想获取图像的来源并通过单击按钮将其存储在数组中。有帮助吗???

myfn() {    
var a = new Array();
var mainDivData = document.getElementById('myDiv').innerHTML;
var mainDivData2 = mainDivData.getElementByTag('src');

for(var i =0 ; i<mainDivData2.length; i ++) {
//a[i] = mainDivData2;
alert(a[i]);
}
}

但是警报中什么也没有显示,甚至警报窗口也没有打开。有帮助吗???

最佳答案

纯 JavaScript 解决方案:

var imgs = document.getElementById("myDiv").getElementsByTagName("img"),
arr = [];

for (var i = 0; i < imgs.length; i++) {
arr.push(imgs[i].src);
}

console.log(arr);

jQuery 解决方案:

var arr = $("#myDiv img").map(function() {
return this.src;
}).get();

console.log(arr);

关于javascript - 使用 Javascript 从整个 div 中提取图像 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14279595/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com