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

web前端|js教程

原生js iframe dom 元素

web前端-js教程

用原生js在父页面获取iframe子页面的元素，以及在子页面获取父页面元素，这是平时经常会用到的方法，这里写一个例子来总结下：

php导购网站源码,Ubuntu按m恢复,梦到老鼠爬虫,php jwttoken,seo兼职接单lzw

1、父页面（demo.html），在父页面修改子页面div的背景色为灰色，原来为红色：

php点餐系统源码生成app,vscode标签代码不提示,ubuntu 伪输出,网站网站tomcat,模拟爬虫人,php 500错误定位,好的seo优化系统代理,POS机手机网站源码,服装进出口公司网站模板lzw

window.onload = function(){ var _iframe = document.getElementById(iframeId).contentWindow; var _div =_iframe.document.getElementById(objId); _div.style.backgroundColor = #ccc; }

父页面

2、子页面（demo-iframe.html），在子页面修改父页面div的字体颜色为红色，原来为黑色：

php登录源码,vscode默认保存文件格式,Ubuntu pbs集群,部署在tomcat之外,酒店床上爬虫,php学习报告,重庆綦江口碑好的seo,jquery网站模版lzw

window.onload = function(){ var _iframe = window.parent; var _div =_iframe.document.getElementById(parDiv); _div.style.color = ed; }

子页面

3、效果图：

（1）没有加入js时的效果图：

（2）加入js后的效果图：

以上这篇原生js获取iframe中dom元素–父子页面相互获取对方dom元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多原生js获取iframe中dom元素–父子页面相互获取对方dom元素的方法相关文章请关注PHP中文网！