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

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

用法:

element.setRangeText(replacement);

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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。