900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 页面嵌iframe标签 给iframe标签里的按钮添加点击事件

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

时间:2020-08-23 22:28:08

相关推荐

页面嵌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()}}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。