Javascript DOM How to - Change innerHtml for each element type in body

Question

We would like to know how to change innerHtml for each element type in body.

Answer


<!DOCTYPE html>
<html>
<body>
  <div></div>
  <div></div>
  <div>aaa</div>
    <script type='text/javascript'>
    <!--from   w  ww.j  a  v  a 2 s  .  c o m-->
        var elements = document.getElementsByTagName('div');
        for (var i = 0; i < elements.length; i++) {
            elements[i].innerHTML = "foo";
        }
    
    </script>
</body>
</html>

The code above is rendered as follows: