`

获取 Iframe内的元素对象

阅读更多
test1.html
<html>
<head>
<script>
function t(){
var dd = document.all('test2').contentWindow.document;
dd.getElementById('my').style.display='none';

}
function getImage(paht)
{
var dd = document.all('test2').contentWindow.document;
dd.getElementById('covertImage').src=paht;
}
</script>
</head>
<body >
<input type="button" value="test" onClick="t();"/>
<input type="button" value="image1" onClick="getImage('1.jpg')"/>
<input type="button" value="image2" onClick="getImage('2.jpg')"/>
<input type="button" value="image3" onClick="getImage('3.jpg')"/>
<input type="button" value="image4" onClick="getImage('4.jpg')"/>
<iframe id="test2" name="test2" src="test2.html" frameborder="0" ></iframe>
</body>
</html>
test2.html
<html>
<head>
</head>
<body>
   
    <div id="my" name="my">
       测试一下,父窗体可以把我隐藏掉!!!!!!!!
   </div>
   <img src="" id="covertImage"/>
</body>
</html>
分享到:
评论

相关推荐

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

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

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

    下面小编就为大家带来一篇快速获取/设置iframe内对象元素的几种js实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JQUERY 获取IFrame中对象及获取其父窗口中对象示例

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$(“#iframe的ID”).contents().find(“#iframe中的控件ID...

    父元素与子iframe相互获取变量和元素对象的具体实现

    父中: 代码如下: &lt;input id=”username”type=”text” /&gt; [removed] var count = 1; [removed] ————————————————————- 子iframe中: ...//获取父中jQuery对象 alert(window.parent.docume

    vue与iframe之间的信息交互的实现

    通过vue中给出的ref 来获取 ifarme的DOM元素 如图中的 this.iframeWin = this.$refs.iframe.contentWindow 【拿到iframe的window对象】 3.vue如何向iframe内传送信息 可以通过H5新属性 postmessage 注释:【post...

    跨域修改iframe页面内容详解

    由于代理页与目标页同域, 所以代理页可以获取并操作目标页的document对象. 前提条件 需要将proxy.html放到与内嵌的iframe页同域的服务下, 并且可以被访问到. 使用 支持2种调用方式: 使用 postMessage 和 URL params....

    iframe 框架透明背景,框架透明背景

    本例主要是iframe对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...

    JS中Iframe之间传值的方法

    1.在iframe子页面中获取父页面的元素:  a&gt;window.parent.document这个是获取父页面document中的对象;  b&gt;如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中...

    从父页面读取和操作iframe中内容方法

    在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。

    JS中Iframe之间传值及子页面与父页面应用

    在iframe子页面中获取父页面的元素: a&gt;window.parent.document这个是获取父页面document中的对象; b&gt;如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中的元素: ...

    JavaScript基础和实例代码

    7.7.5 iframe元素对象 7.8 Document对象 7.9 本章小结 第8章 Document对象 8.1 对象模型参考 8.2 Document对象 8.2.1 获取目标文档信息 8.2.2 设置文档颜色值 8.2.3 往文档写入新内容 8.2.4 常见属性和方法汇总 8.3 ...

    源文件程序天下JAVASCRIPT实例自学手册

    7.7.5 iframe元素对象 7.8 Document对象 7.9 本章小结 第8章 Document对象 8.1 对象模型参考 8.2 Document对象 8.2.1 获取目标文档信息 8.2.2 设置文档颜色值 8.2.3 往文档写入新内容 8.2.4 常见属性和方法汇总 8.3 ...

    jQuery模仿ExtJS之TabPanel最新

    getContent(string | number) &lt;return string&gt; 获得选项卡元素的内容 setContent(string | number, string) 设置选项卡元素的内容 getDisable(string | number) &lt;return boolean&gt; 选项卡元素是否禁用 setDisable...

    《javaScrip开发技术大全》源代码

    • sample16.htm 使用for each…in语句遍历对象属性和数组元素 • sample17.htm 对象的引用 • sample18.htm with语句 • sample19.htm with语句的等价代码 • sample20....

    Javascript获取标签ID改变style属性的代码

    下面的这段代码中,我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色),这样,这个函数就可以用来设置不同的CSS属性了

    Web系统与技术 课程教材

    2.3.3 获取表单数据... 37 2.4 框架标签... 39 2.4.1 帧标记&lt;frame&gt;. 39 2.4.2 IFRAME标记... 40 2.5 习题... 40 第3章 CSS样式设计... 43 3.1 CSS 简介... 43 3.2 CSS 语法与使用... 43 3.2.1 CSS...

    javascript父、子页面交互技巧总结

    帧用来存放子页面,既可以是iframe,又可以是...思路是子页面的元素都在其window.document对象里面,先获取它然后就好说了。 帧最好设置name属性,这样操作最方便。如 &lt;iframe name=test src=child.html&gt;&lt;/if

Global site tag (gtag.js) - Google Analytics