如何通过悬停iframe动态获取iframe中的元素
我需要通过将鼠标悬停在元素上来获取iframe中的元素，例如，如果按钮在iframe中可用，则意味着我需要获取button元素 我使用了查询选择器（：hover）来获取被悬停的元素，但是我只能从顶部文档获取iframe之前的元素。我无法获取iframe中的元素 有人遇到过这种情况吗？这是受限制的（所以通常您不能以这种方式观察第三方站点中包含的小部件），但在最近的浏览器中，您只需使用如何通过悬停iframe动态获取iframe中的元素,iframe,Iframe,我需要通过将鼠标悬停在元素上来获取iframe中的元素，例如，如果按钮在iframe中可用，则意味着我需要获取button元素 我使用了查询选择器（：hover）来获取被悬停的元素，但是我只能从顶部文档获取iframe之前的元素。我无法获取iframe中的元素 有人遇到过这种情况吗？这是受限制的（所以通常您不能以这种方式观察第三方站点中包含的小部件），但在最近的浏览器中，您只需使用iframe，或者使用 示例frame.html： <div>Test1</div> <
iframeframe.html<div>Test1</div>
<div>Test2</div>
<div>Test3</div>
<div>Test4</div>
<div>Test5</div>
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script>
function startup(){
frame.contentWindow.document.addEventListener("click",function(event){
frame.contentWindow.document
.elementFromPoint(event.clientX,event.clientY).innerHTML+="!";
});
}
</script>
</head>
<body onload="startup()">
<iframe id="frame" width="300" height="200" src="frame.html"></iframe>
</body>
</html>
iframe