JavaScript 在 document 上搜索 iframe 上的文本

有时候，我们需要在一个嵌入的 iframe 中搜索文本内容。本教程将为您介绍如何使用 JavaScript 在外部 document 上搜索 iframe 上的文本，并返回匹配的元素。

步骤1 - 获取 iframe 对象

首先，我们需要获取 iframe 对象。我们可以通过以下方式来获取 iframe 对象：

var iframe = document.getElementById('myIframe');

步骤2 - 访问 iframe 的 document 对象

接着，我们需要访问 iframe 的 document 对象。我们可以使用以下代码来获取 iframe 的 document 对象：

var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

步骤3 - 搜索文本

现在，我们可以使用 innerDoc 对象上的所有 DOM 方法来搜索文本。以下是一个基本的搜索示例：

var searchText = 'Hello World';
var elements = innerDoc.getElementsByTagName('*');

for (var i = 0; i < elements.length; i++) {
  if (elements[i].textContent.indexOf(searchText) !== -1) {
    // 匹配的元素
  }
}

完整代码片段

var iframe = document.getElementById('myIframe');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

var searchText = 'Hello World';
var elements = innerDoc.getElementsByTagName('*');

for (var i = 0; i < elements.length; i++) {
  if (elements[i].textContent.indexOf(searchText) !== -1) {
    // 匹配的元素
  }
}

结论

使用 JavaScript 在外部 document 上搜索 iframe 上的文本可能有些复杂，但我们可以通过访问 iframe 的 contentDocument 或 contentWindow.document 来轻松获取 iframe 的 document 对象，并使用标准的 DOM 方法来搜索文本。