HTML | DOM textContent 属性

HTML 中的textContent属性用于设置或返回指定节点及其所有后代的文本内容。此属性与 nodeValue 属性非常相似，但此属性返回所有子节点的文本。
句法：

• 用于设置节点的文本。

node.textContent = text

• 用于返回节点的文本。

node.textContent

属性值：它包含单值文本，其中包含节点内容。

返回值：它返回一个字符串值，表示特定节点节点和所有后代的文本内容。
示例 1：

html

    
        
            HTML DOM textContent Property
        
    
    
        GeeksforGeeks
        HTML DOM textContent Property
         
        
            Submit
        
         
        
  
        
        function MyGeeks() {
            var text =
                document.getElementById("geeks").textContent;
            document.getElementById("sudo").innerHTML = text;
        }
        
    

输出：
点击按钮前：

点击按钮后：

示例 2：

html

    
        
            HTML DOM textContent Property
        
    
    
        GeeksforGeeks
        HTML DOM textContent Property
         
        
            Hello Geeks!
        
  
         
        
            function MyGeeks() {
                document.getElementById("geeks").textContent
                = "Welcome to GeeksforGeeks!";
            }
        
    
                    

输出：
点击文字前：

点击文字后：

支持的浏览器： DOM textContent 属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 9.0
• 火狐
• 歌剧
• 苹果浏览器