js如何控制iframe里第三方dom 比如说 控制 id=messse 的元素隐藏

如果需要控制第三方网站的DOM元素，可以通过以下步骤实现：

1. 获取iframe元素和iframe内部的document对象

var iframe = document.getElementById('myIframe');
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

2. 查找目标元素，例如id为"message"的元素

var targetElement = iframeDocument.getElementById('message');

3. 修改目标元素的样式，例如将目标元素隐藏

targetElement.style.display = 'none';

需要注意的是，由于同源策略的限制，如果iframe内嵌的是第三方网站，我们无法直接操作其内部的DOM元素。如果第三方网站允许跨域访问，可以通过postMessage()方法传递消息的方式来实现，如果不允许，则无法直接操作第三方DOM元素。

相关问题

js如何控制iframe里第三方dom

如果iframe内嵌的是第三方网站，我们无法直接访问到其内部的DOM元素，因为同源策略的限制，但是可以通过一些技巧来实现操作第三方DOM元素的目的。

一种常用的技巧是使用iframe的postMessage()方法，通过在主页面和iframe页面之间传递消息的方式来实现通信。具体步骤如下：

1. 在iframe页面内部监听message事件，等待主页面发送消息。

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event) {
  // 判断消息来源是否是主页面
  if (event.origin !== "https://example.com") return;

  // 获取主页面发送过来的消息
  var message = event.data;

  // 处理消息
  // ...
}

2. 在主页面中使用iframe的contentWindow.postMessage()方法发送消息。

var iframe = document.getElementById('myIframe');
var targetOrigin = 'https://example.com';

// 发送消息到iframe页面
iframe.contentWindow.postMessage('Hello', targetOrigin);

3. 在iframe页面内部处理主页面发送过来的消息，通过操作DOM元素来实现目标。

function receiveMessage(event) {
  // 判断消息来源是否是主页面
  if (event.origin !== "https://example.com") return;

  // 获取主页面发送过来的消息
  var message = event.data;

  // 处理消息，例如修改DOM元素
  var targetElement = document.getElementById('targetElement');
  targetElement.innerHTML = message;
}

需要注意的是，postMessage()方法中的targetOrigin参数用来指定消息的接收方，如果不设置将无法接收到消息。此外，为了确保安全，需要在接收消息时校验消息来源，避免受到恶意攻击。

js操作控制iframe页面的dom元素

要操作控制iframe页面的dom元素，需要先获取到iframe元素，然后通过iframe元素的contentWindow属性获取到iframe内部的window对象，最后通过window对象就可以访问到iframe内部的dom元素。以下是一个简单的示例代码：

// 获取iframe元素
var iframe = document.getElementById('myIframe');

// 获取iframe内部的window对象
var iframeWindow = iframe.contentWindow;

// 访问iframe内部的dom元素
var iframeDocument = iframeWindow.document;
var iframeBody = iframeDocument.body;
var iframeDiv = iframeDocument.getElementById('myDiv');

// 修改iframe内部的dom元素
iframeDiv.innerHTML = 'Hello World!';

需要注意的是，由于同源策略的限制，如果iframe和主页面不是同一个域名、协议、端口号，那么无法直接访问iframe内部的dom元素。解决方法一般是在iframe内部设置一个跨域代理页面，主页面通过代理页面来操作iframe内部的dom元素。