JavaScript - get text from dom object not include wrap html tag in child

<div id="case_1">
	Hi, This is a <em>Apple</em>
</div>

<div id="case_2">
	<p>I have a pen.</p>PPAP
</div>

<div id="case_3">
	Apple<span> and pen</span> and pineapple pen
</div>

function parseText(dom) {
	if (dom.length) {
		console.warn('This is a domlist');
		return;
	}
	var dom = dom.childNodes,
		list = [];
	for(var x = 0;  x< dom.length;x++) {
		if (dom[x].nodeType === 3) {
			var textContent = dom[x].nodeValue,
				matchWrap = textContent.match(/\n +/);
			if (matchWrap) {
				textContent = textContent.replace(matchWrap, '');
			}
			if (textContent) {
				list.push(textContent);
			}
		}
	}
	return list;
}