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

164 浏览量更新于2023-05-06 收藏 37KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

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

本篇主要是对JS操作iframe里的dom进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

直接赋值如下代码测试即可明白：

1.html:

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

<div class="line">====================注意:测试从这里开始=========================</div>

<p id="pox">用来测试子窗体iframeA访问父窗体的某元素</p>

<div class="line">====================iframe分割线=========================</div>

<div class="line">====================iframe分割线=========================</div>

<p>先来演示:父窗体访问子窗体中的某方法或元素</p>

<p>总结:父窗体访问子窗体的方法跟元素采用不同的方式</p>

//子窗口访问父窗口方法

function testP(ss){

alert(ss)

}

//取得iframe的元素

function getIframe(id){

return document.getElementById(id).contentWindow.document;

}

//父窗口访问子窗口元素

function frameDiv(){

getIframe("frameA").getElementById("ooxx").style.backgroundColor="#f00"

//window.frames["iframeA"].getElementById("ooxx").style.backgroundColor="#f00" //不能通过这种形式访问某元素

}

//父窗口访问子窗口方法

function frameFun(){

//getIframe("frameB").getsFun();//不能通过这种形式访问子窗体某方法

// window.frames["iframeB"].getsFun();

alert(window.frames["iframeB"].getsFun());

}

</script>

</body>

</html>

a.html

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

<div id="ooxx">用来测试父窗体访问子窗体中的某元素</div>

<p id="divooxx">用来测试子窗口B访问窗体A的某元素</p>

<p>1.子窗口iframeA访问父窗口的某元素</p>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38641764

粉丝: 3
资源: 921

会员权益专享

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

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

js取得html iframe中的元素和变量值

iframe框架\JS获取iframe元素

js操作控制iframe页面的dom元素

iframe里面的网页怎么获取到iframe的dom

vue 获取iframe里面的dom元素

如何获取iframe的dom

获取iframe的dom元素

如何在vue中获取iframe的dom

怎么操作iframe中的dom

iframe 添加dom

js操作iframe里的元素

js 获取iframe dom元素

js如何控制iframe里第三方dom

js如何控制iframe里第三方dom 比如说 控制 id=messse 的元素隐藏

但是我用的uniapp怎么获取iframe的dom

在iframe的dom上执行keydown事件，为什么windows见听不到

js获取iframe src值

获取当前dom页面中的某一个iframe

iframe 添加点击事件

会员权益专享

最新资源

js如何控制iframe里第三方dom 比如说控制 id=messse 的元素隐藏