如何从父页面访问 Iframe 内的 Textarea 元素？

通过 JavaScript 访问 Iframe 元素

实现包含封装文本区域的 iframe 的网页时，访问文本区域的值可能会很困难从父页面。像 window.parent.getelementbyID().value 这样的函数可以成功地从父页面检索数据，不包括 iframe 的文本区域。

要解决这个问题，我们必须规避 iframe 的 id 和名称的动态特性父页面。利用我们对 HTML 和 JavaScript 的理解，我们可以按如下方式访问 iframe 元素：

• 首先，获取 iframe 嵌入表单元素的 HTML 结构：

<form name="formname">

• 随后，使用以下 JavaScript 来引用 iframe 的内容文档：

function iframeRef(frameRef) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

“inside”变量现在引用 iframe 的文档，使您能够使用以下方法getElementsByTagName('textarea') 访问和操作 iframe 的内容。

以上是如何从父页面访问 Iframe 内的 Textarea 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！