Question

<article id="content">
  <img src="../anh-1.jpg">
  <img src="../anh-2.jpg">
  <img src="../anh-3.jpg">
</article>

如何使用javascript获取三张照片的网址？

Answer 1

  const images = document.getElementById('content')[0].children; // will give you an array of the <img/> elements

然后你可以访问它的src属性来获取网址。像：

const url = images.map((img) => {
   console.log(img.src);
   return img.src;
});

Answer 2

如果你有不同id的多重嵌套图像，你可以使用getElementById。然后，您可以使用getElementsByTagName获取图像元素，并使用for循环将这些元素循环并将src存储在数组urls中。

var elms = document.getElementById('content').getElementsByTagName('img');
var urls = [];
for (var i = 0; i < elms.length; i++) {
    urls.push(elms[i].src);
}
console.log(urls);

<article id="content">
    <img src="../anh-1.jpg">
    <img src="../anh-2.jpg">
    <img src="../anh-3.jpg">
</article>
<article id="content2">
    <img src="../anh-4.jpg">
    <img src="../anh-5.jpg">
    <img src="../anh-6.jpg">
</article>

用javascript获取网址图片？

2 个答案: