Javascript 正则表达式.获取图像源

Javascript regular expressions. Getting the image src

本文关键字：图像 获取 正则表达式 Javascript      更新时间：2023-09-26

我有下面的变量：

myvar = '<img src=".images/myimage.jpg"/>';

如何使用正则表达式在变量中仅获取".images/myimage.jpg"？

不需要可能有问题的正则表达式。

var src = $(myvar).attr('src');

使用正则表达式不是要走的路，你应该解析 HTML。

你可以使用 jQuery 快速解析 HTML，然后解析 src 属性。另一个答案很好，如果加载了jQuery，你应该使用它。

尽管如此，如果没有加载jQuery，你不应该仅仅为此加载它。

如果你想获取src属性或属性（它们不一样），你可以创建一个div并将HTML字符串插入其中。然后，您将能够遍历 DOM 并获取图像src .

var wrapper = document.createElement('div');
wrapper.innerHTML = '<img src=".images/myimage.jpg"/>';
var img = wrapper.querySelector('img');
console.log(img.src);
console.log(img.getAttribute('src'));

请注意，此代码段假定字符串中始终存在图像。没有防止错误的条件（但很容易做到）。

在这里看到它的实际效果。

相关文章：