页面嵌iframe标签，给iframe标签里的按钮添加点击事件

通过getElementById()方法获取iframe元素时，可以看到获取的是整个iframe标签，此时是获取不到里面的a元素的；需要再往下找iframe里的document元素。

获取a元素失败

所以，要改变iframe标签里的元素属性，需要获取iframe下的document元素。

用.contentWindow.document 或者 .contentDocument 来获取。

<iframe id="bpmIframe" :src="src" />mounted() {const iframe = document.querySelector('#bpmIframe')// 处理兼容行问题if (iframe.attachEvent) { // IE下iframe.attachEvent('onload', () => {// 获取到iframe的dom元素后要再往下获取子窗口的document对象（contentWindow.document）进行操作document.getElementById('bpmIframe').contentWindow.document.getElementsByClassName('fa-close')[0].onclick = function() {window.history.back()}})} else {iframe.onload = () => {document.getElementById('bpmIframe').contentWindow.document.getElementsByClassName('fa-close')[0].onclick = function() {window.history.back()}}}
}

页面嵌iframe标签，给iframe标签里的按钮添加点击事件相关推荐

解决给a标签添加点击事件时遇到的问题
前几天有人问我为什么她的点击事件不好使呢?效果闪一下就没有了? 首先她的点击事件没有加给button或者其他标签,当然a标签是可以加的,但是一般a标签我们都是用来链接到某个网页或位置,它的href属性 ...
标签页添加点击事件和拖拽事件
:draggable="true" 放在Tabs表示标签页可拖拽 @on-drag-drop="handleDragDrop" 给Tabs添加拖拽事件: cha ...
如何通过JS动态给li标签添加点击事件并跳转
如何给li标签添加点击事件一.HTML demo代码二.JS动态新增li并绑定点击事件三.效果图有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...
给动态生成的id标签添加html,vue动态渲染svg、添加点击事件
欢迎关注[前端小讴的github],原创技术文章业务需求(vue项目中) 1.页面展示svg内容 2.监听svg内部的点击事件 3.动态改变svg内部元素的属性和值 html标签经多次实验,用em ...
chrome插件开发：为页面添加点击事件
目录上面说了些什么? 示例插件示例应用示例插件安装打开开发者模式添加本地插件包安装后的效果插件开发插件介绍目录结构 manifest.json index.html addToke ...
在a标签中添加点击事件
<a href="javascript:void(0)" onclick="roleupdate()">修改</a> 注:https:/ ...
a标签与添加点击事件
<a href="JavaScript:js_method();"</a> 但是这种⽅法在传递this等参数的时候很容易出问题,⽽且javascript:协议作为 ...
Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件
Js代码 <div>1</div> <div>2</div> <div>3</div> <div>4</d ...
通过js动态为标签元素添加点击事件
最近遇到了,就研究了下,总结了下: 我所知道的有如下几种方式: var submitSpan = document.getElementById("submitSpan");第一种 ...

页面嵌iframe标签，给iframe标签里的按钮添加点击事件

通过getElementById()方法获取iframe元素时，可以看到获取的是整个iframe标签，此时是获取不到里面的a元素的；需要再往下找iframe里的document元素。

获取a元素失败

所以，要改变iframe标签里的元素属性，需要获取iframe下的document元素。

页面嵌iframe标签，给iframe标签里的按钮添加点击事件相关推荐

最新文章

热门文章