请问如何在vue中获取使用iframe嵌入第三方网页下的标签

[Amos_98]

在vue中获取使用iframe嵌入第三方网页下的标签，有啥方法？目前我只能获取到iframe最外面的一层，无法拿到它内部body下的的标签属性

[亦夜]

window.onload = function(){
 var test = document.getElementById(‘iframe的id’).contentWindow.document.getElementById(‘iframe里要获取的元素的id’);
 console.log(test);
　test.style.display = “none”;
}
// 域名不同的情况下，会存在跨域，需要在嵌套的网站页面中设置允许访问的域名

[gqkmiss]

正常情况下既然用iframe一般都是跨域， 可以使用 postMessage 来进行iframe和页面的通信； 在项目里面postMessage 监听 iframe 里面的post message返回的数据即可 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

[韩_师兄]

引用 1 楼 亦夜 的回复:

window.onload = function(){
 var test = document.getElementById(‘iframe的id’).contentWindow.document.getElementById(‘iframe里要获取的元素的id’);
 console.log(test);
　test.style.display = “none”;
}
// 域名不同的情况下，会存在跨域，需要在嵌套的网站页面中设置允许访问的域名

厉害,学习了

[Yukito.]

引用 1 楼 亦夜 的回复:

window.onload = function(){
 var test = document.getElementById(‘iframe的id’).contentWindow.document.getElementById(‘iframe里要获取的元素的id’);
 console.log(test);
　test.style.display = “none”;
}
// 域名不同的情况下，会存在跨域，需要在嵌套的网站页面中设置允许访问的域名

iframe的contentWindow.document取不到怎么办。。。。

[写代码的拉克丝]

你搜搜window.postMessage这个方法试试