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