正则表达式匹配特定的img标签

问题遇到的现象和发生背景

js如何获取一段html内容里面的特定的img，比如一段html里面有多个img标签，我只想匹配带有特定属性的img
比如只想匹配含有class='test'的img，用正则表达式

就是个思路，你自己试试


<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Practice</title>
    </head>

    <body>

        <h1>Hello world!</h1>
        <img src="../1.jpg" alt="tip" class="flag"><img src="../2.jpg" alt=""><img src="../3.jpg" alt="">
        <script>
            var flag;
            var imgLists = document.getElementsByTagName("img")
            for (let index = 0; index < imgLists.length; index++) {
                const element = imgLists[index];
                if (element.getAttribute("class") == "flag") {
                    flag = element;
                }
            }
            console.log(flag);
        </script>
    </body>

</html>

获取 img 标签然后 getAttribute("class") =="test" ;


<div id="div">
            <img src=""  class="test">
            <img src="">
            <img src="" class="test">
            <img src="" class="test">
            <img src="" class="test">
            <img src="" >
        </div>
        <script type="text/javascript">
            var img=document.getElementById('div').getElementsByClassName('test')
            console.log(img)//  [img.test, img.test, img.test, img.test]
        </script>

直接dom获取就好了