如何获取innerHTML中iframe元素的title属性？

你遇到的问题是因为innerHTML返回的是纯字符串，不是DOM元素对象，自然没有getElementById这类DOM操作方法。要从这段HTML字符串里提取iframe的title属性，可以用以下两种方法：

方法一：用DOMParser将字符串转为DOM文档处理 #

这是最可靠的方式，能正确解析复杂HTML结构：

// 获取parent元素的HTML字符串
const parentHtml = document.getElementById("parent").innerHTML;
// 创建DOMParser实例
const parser = new DOMParser();
// 把字符串解析为HTML文档对象
const htmlDoc = parser.parseFromString(parentHtml, "text/html");
// 像操作正常DOM一样查找元素并获取title
const iframeTitle = htmlDoc.getElementById("myFrame").title;
console.log(iframeTitle); // 输出 "HEY!"

方法二：用正则表达式匹配（适合结构简单的场景） #

如果HTML结构固定且简单，可以直接用正则匹配title属性值：

const parentHtml = document.getElementById("parent").innerHTML;
// 匹配id为myFrame的iframe标签里的title属性内容
const titleMatch = parentHtml.match(/<iframe id="myFrame" title="([^"]+)"/);
if (titleMatch) {
  const iframeTitle = titleMatch[1];
  console.log(iframeTitle); // 输出 "HEY!"
}

注意：正则方法仅适用于HTML结构稳定的情况，若标签属性顺序变化、出现转义字符等，正则可能失效，优先推荐DOMParser方法。

内容的提问来源于stack exchange，提问作者Asidistaken