DIV的innerHTML對象訪問父HTML DIV

Question

我有一個包含以下DIV一個main.html中：

<div id="main"> 

我要動態地加載在這個div HTML（比如page1.html和第2頁。 html）。我可以通過下面的代碼來實現：

document.getElementById("main").innerHTML='<object type="text/html" data="page1.html" ></object>'; 

現在，我想有一個按鈕ID =「BTN1」在我page1.html，這應該加載page2.html成格「主要「我的父母main.html。 然而，在page1.html，我無法找到我的div容器「主」

document.getElementById("main") // returns null 

在此先感謝您的幫助！

Answer 1

您的問題是嘗試使用單個頁面的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

否則，沒有。由於跨站點腳本安全功能，您無法訪問該節點的內容。