title: Is there a way to translate only specific elements on the page using Google Translate?
body: <p>I want to embed Google Translate on my HTML page; however, I want it to translate only one specific <code>&lt;div&gt;</code>. Here is an example:</p>
  <pre><code>&lt;body&gt;
      &lt;h1&gt;Welcome to the webpage!&lt;/h1&gt;
      &lt;hr/&gt;
      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;
      &lt;p&gt;In sollicitudin nulla urna, a feugiat purus volutpat eu.&lt;/p&gt;
      &lt;p&gt;Phasellus ut scelerisque nisi, id elementum eros.&lt;/p&gt;
      &lt;p&gt;Etiam eu lectus pharetra, rhoncus quam ultricies, semper ligula.&lt;/p&gt;
      &lt;p&gt;Curabitur aliquet arcu non elementum pellentesque.&lt;/p&gt;
      &lt;p&gt;Nam suscipit sit amet diam a dictum.&lt;/p&gt;
      &lt;br&gt;
      &lt;div id=&quot;parts&quot; style=&quot;padding-top: 8px;&quot;&gt;
          &lt;button id=&quot;text_1&quot;&gt;Hello&lt;/button&gt;
          &lt;button id=&quot;text_2&quot;&gt;How&lt;/button&gt;
          &lt;button id=&quot;text_3&quot;&gt;Are&lt;/button&gt;
          &lt;button id=&quot;text_4&quot;&gt;You&lt;/button&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>So, I want only the elements inside of <code>#parts</code> to be translated.</p>
  <p>Is there a way to get it done?</p>
  <p>Thanks!</p>