在javascript / html中，如何獲得外部網站（例如div）的一部分並將其設置在我的網站上？

Question

我正在嘗試使用javascript / html進行google chrome擴展。 當前，我只是試圖制作一個頁面，該頁面的div與另一個網站的div完全相同。 因此，例如在Google Translate中，對於以下鏈接： http : //translate.google.com/ ，有一個div： <div id="gog"> ... </div>而在我的HTML頁面中，有一個div：name =“ output”> ...在此處模仿“ gog” div ... </ div>。 如何使用javascript將“ gog”的所有內容復制到“ output”中。 這不可能嗎？ 任何例子都很棒！

請注意 ，我沒有為Google翻譯提供此功能，因此訪問其api不是一個可行的選擇。

謝謝。

Answer 1

您可以看一下jQuery的load（）函數： http : //api.jquery.com/load/

如你所見

$('#result').load('ajax/test.html #container');

會將'ajax / test.html'上#container的內容加載到當前頁面的#result中。

Answer 2

獲得dom對象形狀的兩個div（ 在此處 ），然后使用innerHtml將gog的內臟移到輸出的內臟。 這是否回答你的問題？