document获取iframe

1.获取页面上的所有iframe标签遍历获取每一个iframe

获取所有的iframe

let iframes = document.getElementsByTagName("iframe");

//遍历iframes

for (let i = 0; i < iframes.length; i++) {
let iframeId = iframes[i].id;
let currentIframe = document.getElementById(iframeId);
}
//取完整iframe元素 再用 getElementById的方法获取。

获取iframe下document元素

//这里主要拿到iframe的document操作元素,有些浏览器可以直接contentDocument获取document操作元素,有些需要通过contentWindow.document获取
let currentDoc = currentIframe.contentDocument || currentIframe.contentWindow.document  

获取iframe中输入框

//这样就能获取iframe所有的输入框标签。
let inputs = currentDoc.getElementsByTagName("input");

*注意:当iframe跨域的时候,就无法获取iframe的document操作。  

参考链接:https://www.cnblogs.com/lcspring/p/10850365.html

 

posted @ 2021-12-23 14:24  鞋带松了  阅读(1150)  评论(0编辑  收藏  举报