当前位置: 首页 > 面试题库 >

如何使用Javascript访问iframe元素?

孔彭祖
2023-03-14
问题内容

我有一个网页,其中iframe内有一个texarea。我需要从其子页面javascript读取此textarea的值。目前,通过window.parent.getelementbyID().value在javascript中使用,我能够提取父页面中除iframe中的textarea之外的所有控件的值。

父页面中的框架ID和框架名称在运行时会更改,因此我们无法使用框架ID /框架名称作为参考。


问题答案:

如果您有HTML

<form name="formname" .... id="form-first">
    <iframe id="one" src="iframe2.html">
    </iframe>
</form>

和JavaScript

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

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

inside现在是对文档的引用,因此您可以执行getElementsByTagName('textarea')任何操作,具体取决于iframe
src中的内容。



 类似资料:
  • 问题内容: 我有一个网页,其中iframe内有一个文本区域。我需要使用JavaScript从其子页面读取此textarea的值。 目前,通过在JavaScript中使用,我能够在iframe中获取父页面中除textarea之外的所有控件的值。 任何人都可以给我任何指示以解决此问题吗? 问题答案: 如果您的iframe与父页面位于同一域中,则可以使用collection 访问元素。 如果您的ifra

  • 问题内容: 我搞砸了SVG,希望能在Illustrator中创建SVG文件并使用Javascript访问元素。 这是Illustrator推出的SVG文件(它似乎也向我删除的文件的开头添加了一些垃圾) 正如您可能看到的那样,每个元素都有一个ID,我希望能够使用Javascript访问单个元素,以便我可以更改Fill属性并响应诸如click之类的事件。 HTML是基本的 我想这真的是两个问题。 与使

  • 我正在编写一个jQuery插件,它需要能够在iframe中针对DOM元素运行。我现在只是在本地测试这个(即url是file://.../example.html),在Chrome中,我一直按“安全错误:未能从”htmliframeElement“中读取”内容文档“属性:阻止一个来源为”null“的框架访问跨来源的框架。”在Safari中,我只得到一个空文档。 如果父文件和iframe文件都从我的本

  • 问题内容: 我有一个iframe,为了访问父元素,我实现了以下代码: 如何使用jQuery获得相同的结果? 更新 :或如何使用jquery访问iFrame父页面? 问题答案: 要在iFrame的父项中查找,请使用: $()包装器的第二个参数是要在其中搜索的上下文。默认为文档。

  • 问题内容: 我有一个包含IFrame和一个Button的网页,一旦按下按钮,我需要刷新IFrame。如果可能的话,这可能吗?我搜索了,找不到任何答案。 问题答案:

  • 问题内容: 我想使用jQuery在iframe中操纵HTML。 我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点,例如: 但是,这似乎不起作用。一点检查就可以看出,除非等待iframe加载,否则其中的变量是。但是,在iframe加载时,变量不可访问(我收到-type错误)。 有人知道解决方法吗? 问题答案: 如果来自相同的域,则可以很容易地访问元素