js获取iframe中的元素

可以使用以下方法获取iframe中的元素：

通过iframe的id或name属性获取iframe对象：

var iframe = document.getElementById('myIframe');

通过iframe对象的contentWindow属性获取iframe中的window对象：

var iframeWindow = iframe.contentWindow;

通过window对象的document属性获取iframe中的document对象：

var iframeDocument = iframeWindow.document;

通过document对象的getElementById等方法获取iframe中的元素：

var iframeElement = iframeDocument.getElementById('myElement');

完整代码示例：

<iframe id="myIframe" src="iframe.html"></iframe>

var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
var iframeDocument = iframeWindow.document;
var iframeElement = iframeDocument.getElementById('myElement');
console.log(iframeElement.innerHTML);

补充一下，如果iframe的源与父页面不同，那么获取iframe中的元素会受到同源策略的限制，无法直接访问。此时可以使用postMessage方法进行跨域通信，将需要获取的数据传递给父页面，再在父页面中进行处理。具体实现可以参考以下代码：

在iframe页面中：

// 获取需要传递的数据
var data = document.getElementById('myElement').innerHTML;

// 向父页面发送消息
window.parent.postMessage(data, '*');

在父页面中：

// 监听消息事件
window.addEventListener('message', function(event) {
  // 判断消息来源是否为指定的iframe
  if (event.source === document.getElementById('myIframe').contentWindow) {
    // 获取传递的数据
    var data = event.data;
    console.log(data);
  }
});

需要注意的是，postMessage方法中的第二个参数是目标窗口的origin，如果不确定可以使用通配符’*’，但这样会存在安全风险，建议尽量指定具体的origin。