Получить все картинки в html документе - js

Question

мне надо получить ссылки всех изображений на сайте js/jQuery

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="shortcut icon" href="image/favicon.ico" />
    <title>Document</title>
</head>
<body>
    <div class="container">
        <img src="/image/star/star.svg" alt="image"/>
        <img src="/image/star/star.jpg" alt="image"/>
        <img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_light_color_92x30dp.png" alt="image"/>
        
        <p> some text of container for test http://site.com </p>
        <p> some text of container for test http://site.com/inage/image.png</p>
    </div>

    <script>
        let images = getAllImage();
        console.log(images);

        // [
        //  "http://mysite/image/favicon.ico" ,
        //  "http://mysite/image/star/star.svg" ,
        //  "http://mysite/image/star/star.jpg" , 
        //  "https://www.google.com/images/branding/googlelogo/2x/googlelogo_light_color_92x30dp.png" ,
        //  "http://site.com/inage/image.png"
        // ]

    </script>
</body>
</html>

Можете подсказать как это реализовать ?

Answer 1

Через чистый JS:

var srcList = [];
document.querySelectorAll('.container img').forEach(el => {
    srcList.push(el.src);
});

console.log(srcList);

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="shortcut icon" href="image/favicon.ico" />
    <title>Document</title>
</head>
<body>
    <div class="container">
        <img src="/image/star/star.svg" alt="image"/>
        <img src="/image/star/star.jpg" alt="image"/>
        <img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_light_color_92x30dp.png" alt="image"/>
        
        <p> some text of container for test http://site.com </p>
        <p> some text of container for test http://site.com/inage/image.png</p>
    </div>
</body>
</html>

БЛОГ НА HUSL

Получить все картинки в html документе - js

Ответы (1 шт):