Question

这很难解释所以请耐心等待。

我需要在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>

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>

所以上面代码的作用是它会在div about中找到单词map-directions，它会在div中显示名为demo的所有内容。

有没有办法找到关于这个词并在单词about之后显示5或4个单词？

我希望我没有让你们困惑。

提前致谢。

Answer 1

您可以使用substring()：

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);
}

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

1 个答案: