如何只获取Javascript的DOM元素中直接包含的文本？

Question

我有一个div，里面有一些孩子，它直接包含如下文本：

<div id="parent">
   Parent
   <span>Child 1</span>
   <span>Child 2</span>
</div>

我想在此DOM元素中直接包含文本'Parent'。

我尝试使用innerHTML，innerText和textContent。但是它们显示所有文本，包括如下所示的儿童文本：

const element = document.getElementById('parent');
console.log(element.innerText);
console.log(element.innerHTML);
console.log(element.textContent);

<div id="parent">
   Parent
   <span>Child 1</span>
   <span>Child 2</span>
</div>

预期结果是Parent，它直接包含在父元素中的文本。

注意：也允许使用jquery。

Answer 1

1
投票

.clone()克隆所选元素。

Answer 2

0
投票

您可以使用childNodes：