Replacing all the innerHTML with the same ID using JavasScript

Question

How do I do this? Please help if you could,

  <div id="user"> one </div>
  <div id="user"> two </div>
    <script>
document.getElementById('user').innerHTML = "three";
  </script>

I was looking if we can replace all the divs with same ID with "three"

Answer 1

Although it's highly discouraged and invalid to use identical IDs in HTML, there is a way to do it in most browsers:

var elements = document.querySelectorAll('[id="user"]');

for(var i = 0; i < elements.length; i++) {
    elements[i].innerHTML = "three";
}