Javascript DOM How to - Get all elements in DOM and text without tags

Question

We would like to know how to get all elements in DOM and text without tags.

Answer


<!--  www.ja  v  a  2s.c  om-->
<!DOCTYPE html>
<html>
<body>
  <div class="div-class">I have a tag.</div>
  I don't have a tag.
  <div class="div-class">I have a tag too.</div>
    <script type='text/javascript'>
    var elements = document.body.childNodes;
    for(var b = 0; b < elements.length; b++) {
        if (elements[b].textContent.length) {
            console.log(elements[b].textContent);
        }
    }
    </script>

</body>
</html>

The code above is rendered as follows: