Javascript 选择HTML文档的所有文本_Javascript_Html

Javascript 选择HTML文档的所有文本

javascript html

Javascript 选择HTML文档的所有文本,javascript,html,Javascript,Html,如何使用javascript选择整个HTML文档我已经尝试过这些功能，但力的工作 function SelectAll() { document.body.focus(); document.body.select(); } function SelectAll() { document.body.select(); } 我的全部

如何使用javascript选择整个HTML文档

我已经尝试过这些功能，但力的工作

function SelectAll()
        {
            document.body.focus();
            document.body.select();
        }

function SelectAll()
            {

                document.body.select();
            }

我的全部代码是

<head>
    <script type="text/javascript">


        function SelectAll()
        {
            document.body.focus();
            document.body.select();
        }
    </script>
</head>
<body>
    <div>LaLa, Lala, laLa , lala, lalala, tralala, some other text</div>
    <br />
    <input type="text" id="findField" value="lala" size="20" />
    <button onclick="SelectAll();">Find!</button>
</body>


函数SelectAll（）
{
document.body.focus（）；
document.body.select（）；
}
拉拉，拉拉，拉拉，拉拉，拉拉，特拉拉拉，其他一些文字


找到！

通过：

（函数（）{
函数selectText（元素）{
var doc=文档
，text=元素
，范围，选择
;
如果（doc.body.createTextRange）{//ms
range=doc.body.createTextRange（）；
范围。移动到元素文本（文本）；
range.select（）；
}else if（window.getSelection）{//所有其他
selection=window.getSelection（）；
range=doc.createRange（）；
范围。选择节点内容（文本）；
selection.removeAllRanges（）；
选择。添加范围（范围）；
}
}
preTags=document.getElementsByTagName（'document.body'）；
对于（var i=0；i你可以这样写
(function() {
    function selectText(element) {
        var doc = document
            , text = element
            , range, selection
        ;
        if (doc.body.createTextRange) { //ms
            range = doc.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) { //all others
            selection = window.getSelection();
            range = doc.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
    }
    preTags = document.getElementsByTagName('document.body');
    for(var i=0;i<preTags.length;i++) {
        preTags[i].onclick = function() {selectText(this)};
    }
})();

（函数（）{
函数selectText（元素）{
var doc=文档
，text=元素
，范围，选择
;
如果（doc.body.createTextRange）{//ms
range=doc.body.createTextRange（）；
范围。移动到元素文本（文本）；
range.select（）；
}else if（window.getSelection）{//所有其他
selection=window.getSelection（）；
range=doc.createRange（）；
范围。选择节点内容（文本）；
selection.removeAllRanges（）；
选择。添加范围（范围）；
}
}
preTags=document.getElementsByTagName（'document.body'）；
对于（var i=0；i来说，这是最简单的方法
$('input[type=button]').click( function() {
 $("#t1").select();
});

要选择元素内的所有文本，请使用此简单代码。它将用黄色突出显示整个元素/标记区域，并在单击时选择其中的文本
document.onclick = function(event) {
    var range, selection;
event.target.style.backgroundColor = 'yellow';
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(event.target);
        selection.removeAllRanges();
        selection.addRange(range);
};

要选择整个文档中的所有文本，可以修改此代码，如下所示：
document.onclick = function(event) {
    var range, selection;
    var doc = document.body;
    doc.style.backgroundColor = 'yellow';
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(doc);
        selection.removeAllRanges();
        selection.addRange(range);
};

document.execCommand（“selectAll”）
选择页面上的所有文本
document.body.innerText

试试这个$（'body'）。select（）
@AmitAgrawal不，它不起作用！@user3873909你发现下面的任何答案满足你的问题了吗？如果是，请选择一个作为你接受的答案。谢谢。这应该起作用，除非你只有一个body标记，你不需要循环，它应该是document.getElementsByTagName（'body'））i将函数更改为函数SelectAll（）{var doc=document，text='body'，range，selection；if（doc.body.createTextRange）{//ms range=doc.body.createTextRange（）；range.moveToElementText（text）；range.select（）；}如果（window.getSelection）{//all others selection=window.getSelection（）；range=doc.createRange（）；range.selectNodeContents（文本）；selection.removeAllRanges（）；selection.addRange（range）；}}但不工作编辑：函数SelectAll（）{var doc=document，text=“body”，range，selection；if（doc.body.createTextRange）{//ms range=doc.body.createTextRange（）；range.moveToElementText（document.getElementsByTagName（“body”）；range.select（）；}else if（window.getSelection）{//all other selection=window.getSelection（）；range=doc.createRange（）；range.selectNodeContents（文本）；selection.removeAllRanges（）；selection.addRange（range）；}}不工作！！
document.body.innerText