Javascript DOM How to - Select tags and set new values

Question

We would like to know how to select tags and set new values.

Answer


<!DOCTYPE html>
<html>
<body>
  <input class="exampleClass" />
  <br />
  <input />
  <br />
  <input class="exampleClass" />
  <br />
    <script type='text/javascript'>
    <!--   w w w . j  ava 2  s  .  co  m-->
    var exClass = document.getElementsByClassName('exampleClass');
    for(var i = 0; i < exClass.length; i++) {
        exClass[i].value = "new Value";
    }
    </script>
</body>
</html>

The code above is rendered as follows: