JS 创建iframe，移除iframe中所不需要的元素

本文主要是介绍JS 创建iframe，移除iframe中所不需要的元素，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 创建iframe

  设置基础属性，并添加onload事件，捕获iframe的加载完成进行回调。

/*** @description: 配置及引入iframe* @return void*/
setNewIframe() {let iframe = document.createElement('iframe')iframe.src = ''iframe.height = 500iframe.width = '100%'iframe.id = 'doc_iframe'//onload，iframe加载完成后的回调if (iframe.attachEvent) {iframe.attachEvent('onload', () => {this.setIframeRemove() //移除iframe不需要的元素})} else {iframe.onload = () => {this.setIframeRemove() //移除iframe不需要的元素}}document.getElementById('iframe-box')?.appendChild(iframe) //向指定dom插入iframe
}

移除iframe中不需要的元素

iframe元素的contentDocument属性可以获取到iframe中的dom元素。

/*** @description: 移除iframe不需要的元素* @return void*/
getIframeDomRemove() {let iframe = document.getElementById('doc_iframe')let iframe_head =iframe?.contentDocument.getElementsByClassName('iframe_head')?.[0]let iframe_footer =iframe?.contentDocument.getElementsByClassName('iframe_footer')?.[0]iframe_head && iframe_head.style.display = 'none'iframe_footer && iframe_footer.style.display = 'none'
},

这篇关于JS 创建iframe，移除iframe中所不需要的元素的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---