HTML DOM textContent用法及代码示例

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

用法:

用于设置节点的文本。
```
node.textContent = text
```
用于返回节点的文本。
```
node.textContent
```

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

范例1：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML DOM textContent Property 
        </title>  
    </head>  
    <body>  
        <h1>GeeksforGeeks</h1>  
        <h2>HTML DOM textContent Property</h2> 
          
        <button id = "geeks" onclick = "MyGeeks()"> 
            Submit 
        </button>  
          
        <p id = "sudo"></p>  
        <script>  
        function MyGeeks() {  
            var text =  
                document.getElementById("geeks").textContent; 
            document.getElementById("sudo").innerHTML = text; 
        }  
        </script>  
    </body>  
</html>

输出：
之前单击按钮：

单击按钮后：

范例2：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML DOM textContent Property 
        </title>  
    </head>  
    <body>  
        <h1>GeeksforGeeks</h1>  
        <h2>HTML DOM textContent Property</h2> 
          
        <p id = "geeks" onclick = "MyGeeks()"> 
            Hello Geeks! 
        </p>  
          
        <script>  
            function MyGeeks() {  
                document.getElementById("geeks").textContent  
                = "Welcome to GeeksforGeeks!"; 
            } 
        </script>  
    </body>  
</html>

输出：
在单击文本之前：

单击文本后：

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

谷歌浏览器1.0
Internet Explorer 9.0
火狐浏览器
Opera
苹果浏览器

相关用法

注：本文由纯净天空筛选整理自Mahadev99大神的英文原创作品 HTML | DOM textContent Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。