Run Example

Edit This Code:
<!DOCTYPE html>
<html>
<body>

  <h2>Using The class Attribute in JavaScript</h2>
  <!-- <p>Click the button, to hide all elements with the class name "country", with JavaScript:</p> -->

  <button onclick="myFunction()">Hide elements</button>

  <div class="country">
    <h2>USA </h2>
    <p>USA is a beautiful country. </p>
  </div>
  <div class="country">
    <h2>Australia </h2>
	<p>Australia is a beautiful country. </p>
  </div>
  <div class="country">
	<h2>China </h2>
	<p>China is a beautiful country. </p>
  </div>

<script>
  function myFunction() {
    var x = document.getElementsByClassName("country");
    for (var i = 0; i < x.length; i++) {
      x[i].style.display = "none";
    }
  }
</script>

</body>
</html>
Result: