`

获取 Iframe内的元素对象

HTML 
阅读更多

例子:
 获得ifream的对象，并把ifreame中页面<div id="my">隐藏掉

test1.html

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->
<html>
<head>
<script>
function t(){
var dd = document.all('test2').contentWindow.document;
dd.getElementById('my').style.display='none';

}
</script>
</head>
<body >
<input type="button" value="test" onClick="t();"/>
<iframe id="test2" name="test2" src="test2.html"></iframe>
</body>
</html>

test2.html

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><html>
<head>
</head>
<body>
    
    <div id="my" name="my">
       测试一下，父窗体可以把我隐藏掉!!!!!!!!
   </div>
</body>
</html>
分享到：
| Javascript获取select的选中值和选中文本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery方式获取iframe页面中的 Dom元素

    首先，通过“$("#frame_1")”选择器找到id为“frame_1”的iframe元素。然后，通过调用“.contents()”方法获取iframe的文档内容，这会返回iframe的Document对象。接着，使用“.find()”方法在该文档中查找具有特定id...

    jQuery获取iframe的document对象的方法

    为了实现这样的功能，我们需要首先获取到`iframe`的`document`对象，因为`document`对象是HTML文档的根节点，提供了访问和操作页面元素的接口。本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象，并...

    iframe框架\JS获取iframe元素

    ### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签，最初由Internet Explorer浏览器引入并推广，随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    3. 使用iframe元素的contentWindow属性获取到iframe的window对象。 4. 利用contentWindow对象，可以通过document.getElementById()等方法获取到iframe内部DOM元素的引用。 5. 通过获取到的DOM元素引用来对其进行各种...

    快速获取/设置iframe内对象元素的几种js实现方法

    这种方法首先通过getElementById方法获取iframe元素的引用，然后通过访问其contentWindow属性获取iframe内部的window对象，最后通过内部window对象的document属性再次使用getElementById方法来访问内部元素。...

    js获取iframe中的内容

    我们可以使用这个对象来访问 iframe 中的文档对象，然后获取文档中的内容。 问题和解决方案 在获取 iframe 中的内容时，我们可能会遇到一些问题。 1. 同源策略的限制 由于同源策略的限制，我们无法访问不同...

    Jquery取得Iframe中元素的几中方法

    - **通过 DOM 方法**：可以使用 `window.frames` 集合来访问 iframe 内的文档，然后使用 `document` 属性来获取其内容。例如，`window.frames["iframeSon"].document` 可以获取 id 为 "iframeSon" 的 iframe 中的...

    JS操作iframe里的dom(实例讲解)

    此函数通过`getElementById`方法获取指定ID的`iframe`，然后返回其`contentWindow.document`，这样就得到了`iframe`内的`document`对象。 接着，我们可以通过这个`document`对象来操作DOM，如改变元素的样式： ```...

    使用jquery/js获取iframe父子级、同级获取元素的方法

    2. iframe的name和id属性：在进行iframe元素的获取时，使用name或id属性是很有用的。name属性允许在父窗口中通过window.frames数组访问iframe，而id属性则可以在iframe内部使用window.parent.document....

    JS获取iframe内容【简化版】

    - JavaScript可以通过DOM（Document Object Model）操作iframe元素。 - 主要通过`window.frames`或者`document.getElementById('iframeId').contentWindow`来访问iframe内的窗口对象。 - 可以通过`window.frames...

    JS获取并操作iframe中元素的方法

    JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...

    jQuery取得iframe中元素的常用方法详解

    这两个例子展示了如何获取`iframe`内特定ID元素的HTML内容。 4. **在`index.html`中使用jQuery访问`iframe`**： ```javascript $("#koyoz").contents().find("#test").css('color', 'red'); ``` 这里`contents...

    谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

    这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能，即在iframe中获取父级（parent）窗口对象。在网页开发中，iframe（内联框架）是一种嵌入其他HTML...

    IFrame AND window对象

    在Web开发中，`IFrame`（Inline Frame）和`window`对象是两个非常重要的概念，它们在构建复杂的网页布局和交互中起着关键作用。`IFrame`允许我们在一个HTML文档中嵌入另一个HTML文档，而`window`对象则是浏览器提供...

    js获取iframe中的window对象的实现方法

    在处理跨域、模块化开发或者复杂交互时，我们可能需要获取到`iframe`内的`window`对象，以便与`iframe`内容进行通信或操作。`window`对象在JavaScript中代表一个浏览器窗口，它包含了全局变量、函数以及与用户交互...

    获取iframe子网页的Height

    在Chrome、Firefox等现代浏览器中，可以通过JavaScript的`contentWindow`和`contentDocument`属性来访问`iframe`内的窗口对象和文档对象。例如： ```javascript var iframe = document.getElementById('iframeId');...

    解析Jquery取得iframe中元素的几种方法

    在Web开发中，iframe元素被用来在当前页面内嵌另一个页面，这对于包含第三方内容、页面布局等场景非常有用。然而，操作iframe中的内容比操作普通HTML元素要复杂一些，尤其是在不同源的情况下。jQuery，一个快速且...

    获取iframe值 文件下载

    需要注意的是，`contentDocument`属性用于获取`iframe`内部的文档对象模型。 #### 四、兼容多种浏览器的统一解决方案 为了使代码能够同时兼容IE和Firefox等浏览器，可以采用如下的统一写法： ```javascript ...

    用js互相调用iframe页面内的js函数

    这里的`window.parent.window`用于返回到包含`iframe`的上一级窗口，然后通过`getElementById`找到`iframe`元素，进一步获取它的`contentWindow`属性，这个属性指向`iframe`内容的实际窗口对象，从而可以访问到`...

Magicbox
Global site tag (gtag.js) - Google Analytics