在javascript中的文本节点中查找单词的偏移量

时间:2018-09-03 13:23:27

标签: javascript

有什么主意如何获得相对于整个文档的文本节点中搜索到的单词的偏移值?

2 个答案:

答案 0 :(得分:0)

我不知道这是否是您所需要的。在下面的示例中,代码正在搜索单词“ offset”。如果找到该单词,则该单词会将其包装在span元素中。接下来,方法getBoundingClientRect返回span元素的大小及其相对于视口的位置,请看一下我的代码:

let p = document.querySelector(".text");
let text = p.innerHTML;


let new_text =
    text.replace(/(offset)/, function(found) {
      return "<span>" + found + "</span>"
    });

p.innerHTML = new_text;

let thefoundText = document.querySelector("span");
console.log(thefoundText.getBoundingClientRect())
span{color:red;}
<p class="text">Finding offset of a word in a text node in javascript
</p>

我希望对您有帮助

答案 1 :(得分:0)

如果我明白你真正想要的是什么

words.substr(offset, length) // Length means where the word ends in the string

我希望我能做到,你去吧?