谷歌API翻译,仅将一个div添加到页面中。

4
我有一个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>

使用这段代码,谷歌将翻译页面中的所有内容。但如果我只想翻译一部分内容,该怎么办呢?
谢谢!
3个回答

2

请查看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内容。不过,您可能需要先去除格式。

1
我在这里给出的例子中看到你正在使用google.language.translate,我想知道你是如何初始化变量google的?我尝试查阅文档,发现唯一的JS支持是node JS,那么我该如何在客户端使用它? - Yogesh D

2

好的,但如何使用<iframe>标签在我的页面中打开互联网网页上任何命名为<div>的部分?一般情况下可能吗,而不显示整个页面(在iframe中),只显示其中的一部分(没有多余内容)?

我知道例如对于整个页面可以这样做:

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

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接