从字符串中获取 html img 标签 - Javascript (1)

📌 相关文章

📜 从字符串中获取 html img 标签 - Javascript (1)

📅 最后修改于: 2023-12-03 15:21:57.311000 🧑 作者: Mango

当我们需要将字符串中的 HTML img 标签提取出来时，可以使用 Javascript 的正则表达式来实现。下面是一个带有 HTML img 标签的示例字符串：

var str = <html><body><h1>Hello World!</h1><img src="image.jpg" alt="Image"><p>This is a paragraph.</p></body></html>;

为了从这个字符串中获取 HTML img 标签，我们可以使用以下代码:

var regex = /<img\s+[^>]*src="([^"]*)"[^>]*>/g;
var match;
while (match = regex.exec(str)) {
  var imgSrc = match[1];
  console.log(imgSrc);
}

代码的解释:

首先，我们定义了一个正则表达式来匹配 HTML img 标签。该表达式还捕获了 img 标签中的 src 属性值。
接着，我们创建了一个循环，该循环通过执行 exec() 方法来获取字符串中所有匹配的 img 标签。每次匹配成功后，我们可以使用 match[1] 来获取 src 属性值。

以上就是从字符串中获取 HTML img 标签的简单介绍。使用类似的正则表达式，我们可以获取 HTML 中的其他标签和属性，以及解析 HTML 网页中的元素。