JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<div id="is_empty">
<tag><empty></empty></tag>
</div>

<div id="is_full">
<tag><empty>&nbsp;2</empty></tag>
</div>


<div id="full">

</div>
<div id="empty">

</div>

JavaScript

function htmlDecode(input) {
  var doc = new DOMParser().parseFromString(input, "text/html");
  return doc.documentElement.textContent;
}

function checkEmpty (element, resultElement) {

  let content = document.getElementById(element).innerHTML;
  let doc = new DOMParser().parseFromString(content, "text/html");
  let isEmpty = doc.documentElement.textContent.trim() === '';
  document.getElementById(resultElement).innerHTML = element + ' is ' + (isEmpty ? 'empty' : 'full');
}

checkEmpty('is_empty', 'empty');
checkEmpty('is_full', 'full');