我可以使用除textarea和输入文本元素之外的Javascript来突出显示任何文本吗？

Question

我可以使用除textarea和输入文本元素之外的Javascript来突出显示任何文本吗？

使用Javascript,很容易以编程方式选择textarea或输入文本元素中的文本.怎么样

<span>The quick brown fox jumps over the lazy dog</span>

Run Code Online (Sandbox Code Playgroud)

是否可以使用JavaScript来选择单词"quick brown fox"？还是选择整个句子？

Answer 1

Fla*_*tef 5

由http://www.sitepoint.com/forums/showthread.php?t=459934提供

<script type="text/javascript">
    function fnSelect(objId) {
        fnDeSelect();
        if (document.selection) {
        var range = document.body.createTextRange();
            range.moveToElementText(document.getElementById(objId));
        range.select();
        }
        else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(objId));
        window.getSelection().addRange(range);
        }
    }

    function fnDeSelect() {
        if (document.selection) document.selection.empty(); 
        else if (window.getSelection)
                window.getSelection().removeAllRanges();
    }
    </script>
<body>

<div id="test1">
    <p>jhsdgfhlsdlfkjsdklgjs</p>
    <p>jhsdgfhlsdlfkjsdklgjs</p>
    <p>jhsdgfhlsdlfkjsdklgjs</p>
</div>
<div id="test2">
    <p>jhsdgfhlsdlfkjsdklgjs</p>
    <p>jhsdgfhlsdlfkjsdklgjs</p>
    <p>jhsdgfhlsdlfkjsdklgjs</p>
</div>
<a href="javascript:fnSelect('test1');">Select 1</a>
<a href="javascript:fnSelect('test2');">Select 2</a>
<a href="javascript:fnDeSelect();">DeSelect</a>
</body>

Run Code Online (Sandbox Code Playgroud)

归档时间：	16 年，9 月前
查看次数：	1757 次
最近记录：	16 年，9 月前