如何获取HTML文档中一个没有标签的文本？

问题相关代码，请勿粘贴截图

如下代码，其中含有一段没有标签的示例文字

<head>
    <meta charset='utf-8'>
</head>
<body id="body">
    <script src="./jquery-3.3.1.js"></script>
    <!--<script src="./marioGame_jq.js"></script>-->
    <script src="./domExperiment.js"></script>
    <p></p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    这是一段示例文字
    <input style="border:1px solid black">
</body>
运行结果及报错内容

我使用document.body.children查看body下所有的结点的时候发现没有该示例文字的结果。

img

之后，我在控制台中点击该示例文字把它设为$0，寻找他的parent，发现是body

img

img

也就是说，该文字有parent，但是它的parent不将这些文字视为children
那么，我该如何获取一个对这个没有标签的文字的引用呢？

document.body.childNodes

img


img

img

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <p></p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    <p>滑动部分~</p>
    这是一段示例文字
    <input style="border:1px solid black">
    <script>
        alert($("body").clone().children().remove().end().text().trim());
    </script>
</body>
</html>

document.body.innerHTML

<!DOCTYPE html>
<html>
    <body>
        <p>123</p>
        <p>123</p>
        aaaa
    </body>
</html>
<script>
    console.log(document.body.innerHTML)
</script>

然后用正则获取。