Is there a way to get innerText of only the top element (and ignore the child element's innerText)?

Question

Is there a way to get innerText of only the top element (and ignore the child element\'s innerText) ?

Example:

 
   top node text 
   <         


        
      

Answer 1

function getDirectInnerText(element) {
  var childNodes = element.childNodes;
  result = '';

  for (var i = 0; i < childNodes.length; i++) {
    if(childNodes[i].nodeType == 3) {
      result += childNodes[i].data;
    }
  }

  return result;
}

element = document.querySelector("div#element");
console.log(getDirectInnerText(element))

 
   top node text 
   
 child node text