javascript - JavaScript 子字符串：如何从字符串中提取特定信息

Question

我有一个带有背景图像“样式”属性的 div。它撤回了以下内容：

background-image: url("<img alt="" src="/mysite/imagegallery/PublishingImages/Gallery/image.png" style="BORDER&#58;0px solid;" />"); background-attachment: scroll; background-repeat: no-repeat; background-position-x: 0%; background-position-y: 0%; background-color: transparent;

我想删除以下内容

/mysite/imagegallery/Images/Gallery/image.png

一旦有了这个，我就可以编写 JS 来替换样式属性。

任何帮助将不胜感激。

Answer 1

您应该在 CMS 上解决问题。但是要回答您的问题，您可以这样做。

HTML

<div id="screwedByCMS" style='background-image: url("<img alt="" src="/mysite/imagegallery/PublishingImages/Gallery/image.png" style="BORDER&#58;0px solid;" />"); background-attachment: scroll; background-repeat: no-repeat; background-position-x: 0%; background-position-y: 0%; background-color: transparent;'></div>

Javascript

var screwedByCMS = document.getElementById("screwedByCMS"),
    imageURL = screwedByCMS.attributes.style.nodeValue.match(/src="(\S+?)"/);

console.log(imageURL[1]);

退货

/mysite/imagegallery/PublishingImages/Gallery/image.png 

在jsfiddle 上

Answer 2

你可以使用正则表达式

var matches = '<img alt="" src="..."'.match(new RegExp("src=\"([a-zA-Z0-9/.]+)\""));
var srcString = matches[1];