CodePen Embed - How to hide a div when a value is null or empty using pure css or pure javascript

<div class="row">
  <div class="col"><strong>Address</strong></div>
  <div class="col-3">Beverly Hills 90210</div>
  <div class="col"><strong>Phone</strong>:</div>
  <div class="col-7">+9999999</div>
  <div class="col"><strong>Email</strong>:</div>
  <div class="col-8"></div>
</div>

let empty = document.querySelectorAll('.row > div');

empty.forEach(function(element) {

  if (element.textContent === '') {
    element.previousElementSibling.style.display = 'none';
    element.style.display = 'none';
  }
});

Run Pen

This Pen is owned by vijay on CodePen.

See more by @vijaywaskrishna on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.