谷歌 API 翻译器。如何只翻译一个 DIV？答案

【问题标题】：Google API translator. How can I translate only one DIV?谷歌 API 翻译器。如何只翻译一个 DIV？
【发布时间】：2014-09-18 22:33:00
【问题描述】：

如何修改此代码以翻译页面上唯一一个 ID 为 #lyrics 的容器？

<div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ru', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');
    }
</script>

【问题讨论】：

好的，我将 'google_translate_element' 替换为 'lyrics'，但结果相同
对不起。看看this answer。
我已经看到了这个答案，但我无法将它应用到我的代码中，你能帮我解决这个问题吗？

标签： javascript jquery api google-translate

【解决方案1】：

您可以将类调用 notranslate 添加到类的主体或元标记中然后将类 translate 添加到您想要翻译其糟糕方法的 div 中，但它肯定你会炒锅，例如

<body class="notranslate">

<h1>no translate paragraph</h1>

<h1 class="translate"> i want to translate the line</h1>
</body>

【讨论】：

【解决方案2】：

用这个函数解决：

function googleSectionalElementInit() {
  new google.translate.SectionalElement({
    sectionalNodeClassName: 'lyrics',
    controlNodeClassName: 'translate-lyrics',
    background: 'trasparent'
  }, 'google_sectional_element');
}

【讨论】：

显示 SectionalElement 不是构造函数错误。
抛出错误：未捕获类型错误：google.translate.SectionalElement 不是构造函数