getting the text of HTML element excluding children

main.js

/*
* <div id='element'>hello world <span>!</span></div>
*
*/

const element = document.querySelector('#element');

let result = '';

element.childNodes.forEach(child => {
    if (child.nodeName === '#text') {
        result += child.textContent;
    }
})