点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题

问题描述，点击iframe嵌入的元素，想让tab栏样式跟着切换，iframe嵌入的链接也要跟着替换
1.这个是iframe嵌入内容里面的元素，点击这个，想让外面的tab栏切换，iframe链接也要改变

 <div id="safety_inspection"style="height: 100%; width: 100%; display: inline-block"></div><p>安全检查</p>

2.这个是iframe外面的元素

 <iframesrc=""frameborder="0"border="0"scrolling="no"allowtransparency="yes"class="iframe"></iframe>

3.点击跳转

// 安全检查跳到大屏的安全管理$("#safety_inspection").click(function () {menusIframe('9','/department_bi/safety_control.html')})// 视频监控跳到大屏视频监控页面$(".sVideo p,.window").click(function () {menusIframe('5','/pages/shiPin/shiPin.html')})//调用这个函数
function menusIframe(id,path){// 获取iframe外的元素ulvar ul=window.parent.document.getElementById('menus')console.log(ul)// 获取tab标签选项var lis=ul.getElementsByTagName("li");console.log(lis)// 遍历获取到的菜单栏for(var i=0;i<lis.length;i++){// 获取li标签上面的data-index属性var index =  lis[i].dataset.index// 其他兄弟移除类名lis[i].classList.remove("layui-this");if(index==id){// 等于10的这个兄弟添加类名(lis[i]).className="layui-this"// 获取ifram标签替换链接window.frames.frameElement.src=path}}
}

点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题相关推荐

原生js获取指定标签的父元素
js是没有这个函数的,js只有.parentNode获取上一级的父元素.如果想用js获取指定标签的祖先元素,不想使用jq.下面是封装的函数,初学者自己写的,实测有效. //js获取指定标签的父元素,获 ...
JavaScript DOM编程(如何获取HTML标签的父元素和子元素)
今天迎来了我们的JS的第四讲,今天就给家人们浅讲一下如何获取JS中的HTML标签的父元素和子元素,大家有什么不懂的可以私信我或者在下方评论,看到了会回复噢,也希望一直跟着我在学JS的家人们,继续坚持下 ...
php 怎么获取meta标签,php – 通过jQuery获取META描述
使用正则表达式解析HTML是 bad practice. 令人讨厌的是,jQuery不支持解析头部中的元素,只支持正文.所以直接用JS代替: window.onload = function(){ $ ...
php获取img标签src,使用PHP获取img src
使用像DOMDocument这样的HTML解析器,然后使用DOMXpath评估您要查找的值: $html = ' alt="Image" width="100" ...
了解一下iframe页面嵌入使用，轻松实现页面集成
前言在跨域请求不同服务方或是兼容先前系统的页面时,你可能想利用AJAX从网页上下载HTML并粘贴到div中,这将带来不安全注入的问题. 此时,通过iframe页面嵌入可以很好地解决上述问题. 本文带 ...
JavaScript 教程「9」：DOM 元素获取、属性修改
什么是 Web API Web API 是指网页服务器或者网页浏览器的应用程序接口.简单来讲,就是我们在编写 JavaScript 代码时,可以通过 Web API 来操作 HTML 网页和浏览器. ...
QT中 QTabWidget标签页设置及获取
QTabWidget可用于多标签显示,鼠标选中的标签为当前活动标签页. QTabWidget有个setCurrentIndex槽,可用于修改当前活动标签页. (1).设置当前Tab页: QTabWid ...
JS获取iFrame的内容
因为前面的图片上传用到了iframe,这里记录一下用js获取iframe内容的代码,尤其当iframe的src为图片时: function GetIframeInnerHtml(objIFrame) ...
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！...
query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); // 搞定... 在父页面获取iframe子页 ...

点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题

点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题

点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题相关推荐

最新文章

热门文章