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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。