title: How to change id of div element when browser resize?
body: <p>I have this code </p>
  
  <p><code>&lt;div id="123"&gt;&lt;/div&gt;</code></p>
  
  <p>i want to change the id to 234 when the browser resized</p>
  
  <p><code>&lt;div id="234"&gt;&lt;/div&gt;</code></p>
  
  <p>I have use media query , but i think it is not possible </p>
  
  <pre><code>@media screen and (max-width: 479px) {
  
      #123 {
  
      }
  } 
  </code></pre>