父页面 parent.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>父页面</title>
</head>
<body>
<div class="parent">我是父页面的文字</div>
<iframe src="./son.html"></iframe>
</body>
</html>
子页面 son.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>子页面</title>
</head>
<body>
<div class="son">我是子页面的文字</div>
</body>
</html>
父页面获取子页面dom的方法
/* 必须用onload */
window.onload = () => {
const sonWindow = document.querySelector("iframe").contentWindow;
const sonDiv = sonWindow.document.querySelector(".son")
console.log(sonDiv);
}
子页面获取父页面dom的方法
/* 必须用onload */
window.onload = () => {
const parentWindow = window.parent;
const parentDiv = parentWindow.document.querySelector(".parent")
console.log(parentDiv);
}
戈夫岛
太水了