Javascript：在div中查找单词并显示该单词后面的所有内容？

这是一个很难解释的问题，请耐心听我说

我需要在一个div中找到一个单词，然后在另一个div中该单词后面显示多达5个其他单词

我可以使用javascript找到这个单词，它工作得很好，但我不知道如何在另一个div中显示它后面的单词

这是我当前的代码：

<script>
function myFunction() {
if (document.getElementById('map-directions').innerHTML.indexOf("about") != -1) {
    document.getElementById("demo").innerHTML = document.getElementById('map-directions').innerHTML;
}
}
</script>

函数myFunction（）{
if（document.getElementById（'map-directions'）.innerHTML.indexOf（“about”）！=-1）{
document.getElementById（“demo”）.innerHTML=document.getElementById（“地图方向”）.innerHTML；
}
}

HTML:

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
<div style="height:100px; overflow:hidden;" id="map-directions">This will take sometimes, maybe about 2 hours</div>

试试看

这有时可能需要2个小时

因此，上面的代码所做的是，它将在div

map directions

中找到单词

about

，并显示名为

demo

的div中的所有内容

有没有办法找到about一词，并在about一词后显示5或4个单词

我希望我没有把你们搞糊涂

---

提前感谢。

您可以使用

子字符串（）

：

---

单词或字符？抱歉，这和我自己的代码一样！我需要限制大约之后的单词/字符！不，它不会，这将显示“大约2小时”，而不是“这将有时需要，可能大约2小时”是的，正确的，但我试图限制单词在大约之后，而不是之前！我已经可以找到关于使用我的代码的词汇，所以之前的任何东西都不是很重要。。。这就是为什么我说我需要将单词限制在5-6个单词之后。

var index = document.getElementById('map-directions').innerHTML.indexOf("about");
var length = document.getElementById('map-directions').innerHTML.length;
if (index != -1) {
    document.getElementById("demo").innerHTML = document.getElementById('map-directions').innerHTML.substring(index, length);
}