jQuery |更改 span 元素的文本

给定一个 HTML 文档，任务是更改元素的文本内容。有多种方法用于更改跨度元素，如下所述：

jQuery text() 方法：该方法设置/返回指定元素的文本内容。如果使用此方法返回内容，则返回所有匹配元素的文本内容（将删除 HTML 标签）。如果使用此方法设置内容，它会覆盖所有匹配元素的内容。
句法：
- 它返回文本内容。
```
$(selector).text()
```
- 它设置文本内容。
```
$(selector).text(content)
```
- 使用函数设置文本内容。
```
$(selector).text(function(index, curContent))
```
参数：
- content：必填参数。它指定所选元素的新文本内容。
- 函数(index, curContent)：可选参数。它指定返回所选元素的新文本内容的函数。
- index：返回集合中元素的索引位置。
- curContent：返回所选元素的当前内容。
jQuery html() 方法：此方法设置/返回指定元素的内容 (HTML)。如果此方法用于返回内容，则返回第一个匹配元素的内容。如果使用此方法设置内容，它会覆盖所有匹配元素的内容。
句法：
- 返回内容
```
$(selector).html()
```
- 设置内容
```
$(selector).html(content)
```
- 使用函数设置内容
```
$(selector).html(function(index, curContent))
```
参数：
- content：必填参数。它为包含 HTML 标记的选定元素指定新的文本内容。
- 函数(index, curContent)：可选参数。它指定返回所选元素的新内容的函数。
- index：返回集合中元素的索引位置。
- curContent：返回所选元素的当前 HTML 内容。

示例 1：此示例使用JQuery 的 text() 方法更改内容。

 
 
     
         
            JQuery | Change the text of a span element
        
          
        
     
      
     
          
         
            GeeksForGeeks 
         
          
         
            This is text of Span element.

输出：

在点击按钮之前：
点击按钮后：

示例 2：此示例使用JQuery 的 html() 方法更改内容。

 
 
     
         
            JQuery | Change the text of a span element
        
          
        
     
      
     
          
         
            GeeksForGeeks 
         
          
        
             This is text of Span element.

输出：

在点击按钮之前：
点击按钮后：