正则表达式到元素到数组中

Question

我正在使用 /<img\s+[^>]*src="([^"]*)"[^>]*>/g 在 HTML 中搜索 <img> 标记。这是工作。但是，当有多个标签时，它作为 1 个元素传递到数组中。有没有办法将每个标签作为唯一元素传递到数组中？即

var arr = [img TAG1，img TAG2，img TAG3，img TAG4]

现在它这样做了，看起来每个标签都是它自己的元素，但事实并非如此。这是一个输出。

var list = arr[0];

脚本输出：

list =
    <'img' src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028112912.jpg" alt="Inline Image" />,
    <'img' src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028113127.jpg" alt="Inline Image" />,
    <'img' src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028113955.jpg" alt="Inline Image" />,
    <'img 'src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028114034.jpg" alt="Inline Image" />
    <'img' src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028114105.jpg" alt="Inline Image" />,
    <'img' src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028114345.jpg" alt="Inline Image" />

注意 - 我必须将 <img> 标签包含在引号 ('img') 中才能提交此问题。它们不存在于实际输出中。

var list = arr[1];

脚本输出：

list=undefined

我发现 regex 不是解析 HTML 的最佳工具，我需要在导入 ServiceNow 的过程中执行一次，因此我无法使用解析工具。除非我可以通过运行 CSV 来获取 <img>tags 中的文件名。

Answer 1

为什么不使用 javascript 来收集所有 img 元素而不是 regex？

像这样：

var imgCollection = document.getElementsByTagName('img');
console.log(imgCollection);

<div id="just-a-div"><p>random paragraph</p></div>

<img src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028112912.jpg" alt="Inline Image" />
<img src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028113127.jpg" alt="Inline Image" />
<img src="/RightAnswers/WB FAQs/Mail &amp; Collaboration/090101028113955.jpg" alt="Inline Image" />
<div></div>