时间戳

首页 > 解决方案 > 从 HTML 元素中获取 img 标签

jquery - 从 HTML 元素中获取 img 标签

问题描述

我有一些 HTML 内容。我想获取“foo.jpg”并存储在一个变量中。

<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum congue justo et facilisis. Fusce sed vulputate magna. Praesent lacinia justo ligula, a mattis enim rhoncus vitae. Quisque nec porttitor lectus. Aenean tempor magna eu egestas tincidunt. Morbi vitae mi at mauris hendrerit blandit. Nunc iaculis vitae velit at dignissim. Vestibulum vitae gravida mi. </p>
<img src="foo.jpg" alt="foo"></img>
</div>

我找到了这个

var myimg= document.getElementById("imgid").src;

但它不会因为我不知道图像 ID，并且因为它不是文档而是元素我试图找到这样的东西mycontnet.html.img[0].src

标签： jquery

解决方案

您可以使用getElementsByTagName()：

var myImg = document.getElementsByTagName("img")[0].src;
console.log(myImg);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum congue justo et facilisis. Fusce sed vulputate magna. Praesent lacinia justo ligula, a mattis enim rhoncus vitae. Quisque nec porttitor lectus. Aenean tempor magna eu egestas tincidunt. Morbi vitae mi at mauris hendrerit blandit. Nunc iaculis vitae velit at dignissim. Vestibulum vitae gravida mi. </p>
<img src="foo.jpg" alt="foo" />
</div>

推荐阅读