Dismiss Notice

Lấy hình ảnh đầu tiên trong html với javascript?

Discussion in 'Hỏi Đáp Kỹ Thuật' started by Định Phong Ba, May 2, 2022.

  1. Định Phong Ba

    Định Phong Ba Khách Qua Đường

    Em muốn có
    +1.câu lệnh kiểm tra đầu vào html có thẻ ảnh img không?
    +2.Lấy ra đường dẫn hình ảnh đầu tiên
    =>Bác nào biết giúp em với a
    Code:
    <html>
<script>
html="AA <img src='http://a.jpg'/><img src='http://b.jpg'/>";
if (html.match(/<img.*?src='(.*?)'/)) {
            console.log(html);
            thumb = html.match(/<img.*?src='(.*?)'/)[0];
}
</script>
</html>
    Biến thumb nó lại cho kết quả là <img src='http://a.jpg' cái em cần là http://a.jpg thôi
     

    More Threads in same category

    Định Phong Ba, May 2, 2022
    #1
  2. thanh858036

    thanh858036 Sơ Nhập Giang Hồ

    Js thì xài css selector cho nhanh
    Var elements=document.queryselectorall("img")
    Console.log(elements[0].getAttribute("src"))
     
    Last edited: May 2, 2022
    thanh858036, May 2, 2022
    #2
    Định Phong Ba likes this.
  3. firefox

    firefox Bang Chúng

    trường hợp này cứ xpath hoặc css selector mà quất bạn
    HTML:
    <html>
  <script>
    html = "AA <img src='http://a.jpg'/><img src='http://b.jpg'/>";
    var dom = new DOMParser().parseFromString(html, 'text/html');
    var xPath = "//img/@src";
    var value = dom.evaluate(xPath, dom, null, XPathResult.ANY_TYPE, null).iterateNext().value;
    console.log(value);
  </script>

</html>
    https://jsfiddle.net/y3pao82c/
     
    firefox, May 2, 2022
    #3
    Định Phong Ba likes this.
  4. Định Phong Ba

    Định Phong Ba Khách Qua Đường

    Mình tìm css selector javascript "document.querySelector("p")" nó đọc từ document.Đây mình truyền html trực tiếp,nên chắc không được
    Thank pro đúng cái em cần :D
     
    Định Phong Ba, May 2, 2022
    #4