title: How to change the ID in pure CSS JS ?Why My code is not working?
body: <p>This code is not working, although it seems correct to me. Can you please tell me what's the issue?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;style&gt;
      #101{
          width:1em;
          height:1em;
          padding:1em;
          margin: 1em;
          background-color: green;
          color:red;
      }
  &lt;/style&gt;
  &lt;div class="animation" id="animation"&gt;hii&lt;/div&gt;
  &lt;script&gt;
      document.getElementById('animation').id='101';
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>