如何用 HTML 中的其他单词替换所有单词？

JavaScript replace()方法用于替换字符串或整个字符串中出现的任何字符。它搜索与特定值或正则表达式相对应的字符串，并返回带有修改后的值的新字符串。

也可以使用正则表达式代替字符串来定义要替换的字符或字符串。正则表达式是包含特殊符号和字符的字符串，用于从给定数据中查找和提取所需信息。正则表达式基本上是包含字符和特殊符号的字符串，可以帮助选择所需的值。

必须注意， replace()函数将仅替换指定值的第一次出现。为了替换所有出现，必须使用全局修饰符。

句法：

string.replace(valueToBeReplaced, newValue)

其中 'valueToBeReplaced' 可以是字符串值或正则表达式。

示例 1： replace()函数将用于将字符串'Hello' 替换为 'Hi'

html

  

    Replace Example

  

    Hello welcome to our blog!
  
    
        Hello today we shall learn about
        replace() function in JavaScript
        Click on the button below to replace
        hello with hi.
    
  
    Replace
      
    
  
        // Replace the first "Hello"
        // in the page with "Hi"
        function rep() {
            document.body.innerHTML
                = document.body.innerHTML
                .replace("Hello", "Hi");
        }
    

  

输出：

• 在点击按钮之前：
  

  

• 点击按钮后：
  

  

如上面的输出所示，只有第一次出现的“Hello”被替换为“Hi”。要替换所有出现，必须使用全局修饰符。

示例 2：使用 replace()函数将所有出现的字符串'Hello' 替换为 'Hi'

html

  

    Replace Example

  

    Hello welcome to our blog!
  
    Hello today we shall learn about
        replace() function in JavaScript
        Click on the button below to
        replace hello with hi.
    
      
    Replace
    
  
        // Replace all the "Hello" 
        // in the page with "Hi"
        function rep() {
            document.body.innerHTML =
                document.body.innerHTML
                .replace(/Hello/g, "Hi");
        }
    

  

输出：

• 在点击按钮之前：

  

• 点击按钮后：
  

  

在下一个示例中，全局修饰符和“i”修饰符都用于确保所有出现的给定单词都被替换，而不管它们的大小写。

示例 3：使用 replace()函数将所有出现的字符串'Hello' 替换为 'Hi'，而不管它们的大小写。

html

  

    Replace Example

  

    Hello welcome to our blog!
  
    
        Hello today we shall learn about
        replace() function in JavaScript
        Click on the button below to
        replace hello with hi.
  
    
  
    
        Replace
    
  
    
        // Replace all the "Hello" in the
        // page with "Hi" irrespective of
        // the case
        function rep() {
            document.body.innerHTML =
                document.body.innerHTML
                .replace(/Hello/gi, "Hi");
        }
    

  

输出：

• 在点击按钮之前：
  

  

• 点击按钮后：

  

示例 4：使用 replace()函数将特定标签上所有出现的字符串'Hello' 替换为 'Hi'。

html

  

    Replace Example

  

    Hello welcome to our blog!
  
    Hello today we shall learn about
        replace() function in JavaScript
        Click on the button below to replace
        hello with hi.
  
    
  
    Replace
      
    
        // Replace all the "Hello" in the
        // page with "Hi" irrespective of the case
        // with the h1 tag
        function rep() {
            document.getElementById('h1').innerHTML
                = document.getElementById('h1')
                    .innerHTML.replace(/Hello/g, "Hi");
        }
    

  

输出：

• 在点击按钮之前：

  

• 点击按钮后：
  

  

从输出中可以看出，只有代码的 h1 标记部分中出现的“Hello”被替换为“Hi”。