首页JQ获取 iframe 里的html方法

JQ获取 iframe 里的html方法

时间: 2024-04-24 11:26:20 浏览: 109

使用 jQuery 获取 `<iframe>` 元素中的 HTML 内容，可以使用 `contents()` 和 `html()` 方法的组合。以下是一个示例代码： ```javascript // 获取 <iframe> 元素 const iframe = $('#iframeId'); // 使用 contents() 方法获取 <iframe> 的内容 const iframeContents = iframe.contents(); // 使用 html() 方法获取 <iframe> 内部的 HTML 内容 const iframeHtml = iframeContents.find('html').html(); // 输出 <iframe> 内部的 HTML 内容 console.log(iframeHtml); ``` 在上述示例代码中，我们首先使用 `$()` 函数选择器选择带有特定 id 的 `<iframe>` 元素，并将其存储在变量 `iframe` 中。然后，使用 `contents()` 方法获取 `<iframe>` 元素的内容，返回一个代表 `<iframe>` 内部文档的对象。接着，使用 `find('html')` 方法获取 `<iframe>` 内部文档中的 `<html>` 元素，并使用 `html()` 方法获取该元素的 HTML 内容。最后，你可以根据需求将 `<iframe>` 内部的 HTML 内容进行进一步处理或输出。请确保将 `#iframeId` 替换为实际应用中的 `<iframe>` 元素的选择器。根据你的实际需求和项目结构，可以相应地修改和使用以上示例代码。

阅读全文