在javascript中选择文本 [英] Select text in javascript

问题描述

如何在JavaScript中突出显示文字？我试过 http://jsfiddle.net/WdeTM/ 但它不起作用。

How do you highlight text in JavaScript? I tried http://jsfiddle.net/WdeTM/ but it doesn't work.

<span id="foo" >bar</span>
document.getElementById("foo").focus();

推荐答案

好的，首先问题应该是 - 如何我可以用JS选择一段文字吗？

Ok, first of all the question should be - How can I select a piece of text using JS?

突出显示与选择文字不同（是的，你的标题很好！）

Highlighting is different from selecting text(Yes, your title is good!)

这应该有所帮助：

工作演示

function selectText(element) {
    var doc = document;
    var text = doc.getElementById(element);    

    if (doc.body.createTextRange) { // ms
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) { // moz, opera, webkit
        var selection = window.getSelection();            
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

selectText('foo');

刚刚找到原始作者的长期保存的sniplr片段，学分：@Jason thread 在其中。

Just found the original author for my long saved sniplr snippet, credits : @Jason thread here.

这篇关于在javascript中选择文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！