在 Javascript 中從 iFrame 中提取 SRC

Question

我在一個字符串中有一個 iframe，如下所示：

let data = "<iframe src=\"https://example.com/3380098/test/embed\" height=\"500\" width=\"100%\" style=\"border:0\"></iframe>"

我的目標是從 src 中提取數字'3380098' 。

我堅持解析它。

這是我的方法：

var parser = new DOMParser();

var parsedIframe = parser.parseFromString(data, "text/html");
let iFrame = parsedIframe.getElementsByTagName("iframe");

但是從這里開始，我無法獲得 iframe 的 src。 請幫忙。

這個問題不同，因為沒有真正的 iframe，它是一個字符串。

Answer 1

你真的需要將它解析為 DOM 嗎？ 如果它總是采用類似的格式和類似的 URL，那么你可以做一些正則表達式，比如：

let data = "<iframe src=\"https://example.com/3380098/test/embed\" height=\"500\" width=\"100%\" style=\"border:0\"></iframe>";
let match = data.match(/example\.com\/([0-9]+)\//i);
alert(match[1]);

Answer 2

只需讀取集合中第一個元素的src屬性，然后解析 URL。

 let data = "<iframe src=\\"https://example.com/3380098/test/embed\\" height=\\"500\\" width=\\"100%\\" style=\\"border:0\\"></iframe>"; var parser = new DOMParser(); var parsedIframe = parser.parseFromString(data, "text/html"); let iFrame = parsedIframe.getElementsByTagName("iframe"); // Read URL: let src = iFrame[0].src; console.log(src); // Parse URL: let match = src.match(/\\/(\\d+)\\//); let digits = match ? match[1] : null; console.log(digits);

Answer 3

parsedIframe.getAttribute("src")