谷歌API翻译，只有一个div进入页面答案

【问题标题】：google API translate, only a div into page谷歌API翻译，只有一个div进入页面
【发布时间】：2023-03-20 21:37:01
【问题描述】：

我有一个 HTML 页面，我会使用 Google 翻译仅将一个 div 翻译到我的页面中。

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'it'}, 'google_translate_element');
}
</script><script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

使用此代码，谷歌翻译页面中的所有内容。但如果我只想翻译一段。我该怎么做？

谢谢！

【问题讨论】：

标签： javascript translation google-api

【解决方案1】：

查看Google AJAX Language API 的示例。

google.language.translate("Hello world", "en", "es", function(result) {
  if (!result.error) {
    var container = document.getElementById("translation");
    container.innerHTML = result.translation;
  }
});

使用innerHTML 获取DIV 的内容。不过，您可能必须先去除格式。

【讨论】：

我在此处给出的示例中看到您正在使用 google.language.translate，我可以知道您是如何初始化变量 google 的吗？我尝试浏览文档，发现唯一的 JS 支持是节点 JS，那么如何在客户端使用它？

【解决方案2】：

好的，但是如何在我的页面中使用<iframe> 标签打开任何名为<div> 的互联网网页？一般来说，是否可以不显示（在 iframe 中）整个页面，而只显示其中的一部分（没有 balast arround）？

我知道例如这适用于整个页面：

<div>
  <iframe src ="http://www.colosseum.cz/vzdelavani-a-informace/zpravy" width="98%" height="600" style="border: 3px;">
    <p>unsupported</p>
  </iframe> 
</div>

【讨论】：