当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM setRangeText()用法及代码示例


setRangeText()方法用另一个字符串替换输入或文本区域中的文本范围。

用法:

element.setRangeText(replacement);

OR


element.setRangeText(replacement, start, end[, Mode]);

参数:

  • replacement:此参数表示将用出口1替换的字符串。
  • Start:它指定第一个字符的索引,并且是可选的。
  • end:它指定最后一个起始字符之后的字符索引,它也是可选的。
  • Mode:此属性定义应如何设置选择,下面将描述所有可能的值。
    • select: 这将选择新插入的文本。
    • start: 它将选定的文本移到新插入的文本之前。
    • end: 与开始类似,只是将选定的文本移到插入的文本之后。
    • preserve: 保留选择及其默认设置。

例:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM focus() Method 
    </title> 
    <style> 
        a:focus { 
            background-color:magenta; 
        } 
    </style> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;">  
             GeeksforGeeks  
        </h1> 
        <h2>DOM select() Method</h2> 
  
        <input type="text" id="text-box" size="40"
            value="A online Computer Science Portal."> 
        <button onclick="selectText()"> 
         Update text 
        </button> 
      
        <script> 
            //Main function  
            function selectText() { 
                const select =  
                    document.getElementById('text-box'); 
                select.focus(); 
                select.setRangeText 
                    (' For Geeks.', 32, 40, 'select'); 
            } 
        </script> 
    </center> 
</body>             
</html>        

输出:
在单击更新按钮之前:

单击更新按钮后。

支持的浏览器:HTML | DOM setRangeText()方法如下所示:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • Opera
  • 苹果浏览器


相关用法


注:本文由纯净天空筛选整理自DeepakDev大神的英文原创作品 HTML | DOM setRangeText() method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。