在javascript/html中，如何获取外部网站（如div）的一部分并将其设置到我的网站上？

我正在尝试使用javascript/html制作一个google chrome扩展。目前，我只是想让一个页面的div与另一个网站的div完全相同。例如，在Google Translate中，对于以下链接：，有一个div:

在我的html页面中，我有一个div:name=“output”>…在这里模拟“gog”div。如何使用javascript将“gog”的所有内容复制到“output”中。这不可能吗？任何例子都很好

注意我并不是为谷歌翻译做这个，所以访问他们的api不是一个可行的选择

谢谢。
获取dom对象（）形状的两个div，然后使用innerHtml将gog的内部移动到输出的内部。这回答了您的问题吗？
您可以看看jQuery的load（）函数：

如你所见

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

将“ajax/test.html”上的#容器的内容加载到当前页面的#结果中