What 's the most concise cross-browser way to access an < iframe > element's window and document?

在面对跨浏览器的 <iframe> 元素内容访问时，确保我们的代码能够在大多数浏览器中有效运行是非常关键的。最简洁的方式主要包含几个关键步骤，涉及到获取 <iframe> 的窗口对象（window）和文档对象（document）。以下是一个简洁且兼容多浏览器的实现方法：

首先，我们需要通过 JavaScript 获取到 <iframe> 元素。假设我们的 <iframe> 元素具有一个 ID，比如 iframeId：

javascript
var iframe = document.getElementById('iframeId');

接下来，要访问 <iframe> 的窗口对象，我们可以使用 contentWindow 属性：

javascript
var iframeWindow = iframe.contentWindow;

为了访问 <iframe> 的文档对象，我们可以使用 contentDocument 属性。然而，考虑到浏览器的兼容性，尤其是旧版的 IE 浏览器，我们需要添加一个备用选项，使用 contentWindow.document：

javascript
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

综上所述，完整的跨浏览器访问 <iframe> 的窗口和文档的代码如下：

javascript
var iframe = document.getElementById('iframeId');
var iframeWindow = iframe.contentWindow;
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

这种方法的优点在于它简单且直接，同时通过适当的检查和备用选项，能够确保在多种浏览器环境中都能有效运行。在实际开发中，对于涉及到 DOM 操作的任务，这种方法是非常实用的。