div 内部html object 访问parent html div
div innerhtml object access parent html div
我有一个 main.html 包含以下 div:
<div id="main">
我想在这个div中动态加载html（比如page1.html和page2.html )。我可以通过以下代码完成此操作：
document.getElementById("main").innerHTML='<object type="text/html" data="page1.html" ></object>';
现在，我想在我的 page1.html 中添加一个按钮 id="btn1"，它应该加载 page2.html变成我的parentmain.html的div"main"。
但是，在 page1.html 中，我无法找到我的容器 div "main"
document.getElementById("main") // returns null
在此先感谢您的帮助！
您的问题是尝试使用单个页面的 DOM 与通过 iframe 或 object 加载的内容进行交互。使用这些会使 JavaScript 开发人员的生活变得非常困难。
如果您只使用纯 JavaScript，我建议您改为使用 AJAX 请求直接通过 DOM 加载 HTML 而不是包含此使用旧方法的内容。
这是纯 JS 的初学者指南 AJAX。像 jQuery 这样的框架极大地简化了这个过程。
http://code.tutsplus.com/articles/how-to-make-ajax-requests-with-raw-javascript--net-4855
否则，没有。由于跨站点脚本安全功能，您无法访问该节点的内容。
我有一个 main.html 包含以下 div:
<div id="main">
我想在这个div中动态加载html（比如page1.html和page2.html )。我可以通过以下代码完成此操作：
document.getElementById("main").innerHTML='<object type="text/html" data="page1.html" ></object>';
现在，我想在我的 page1.html 中添加一个按钮 id="btn1"，它应该加载 page2.html变成我的parentmain.html的div"main"。 但是，在 page1.html 中，我无法找到我的容器 div "main"
document.getElementById("main") // returns null
在此先感谢您的帮助！
您的问题是尝试使用单个页面的 DOM 与通过 iframe 或 object 加载的内容进行交互。使用这些会使 JavaScript 开发人员的生活变得非常困难。
如果您只使用纯 JavaScript，我建议您改为使用 AJAX 请求直接通过 DOM 加载 HTML 而不是包含此使用旧方法的内容。
这是纯 JS 的初学者指南 AJAX。像 jQuery 这样的框架极大地简化了这个过程。
http://code.tutsplus.com/articles/how-to-make-ajax-requests-with-raw-javascript--net-4855
否则，没有。由于跨站点脚本安全功能，您无法访问该节点的内容。