示例
textContent屬性可以獲取或更新包含元素（及其子元素）中的文本。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>textContent獲取和修改</title> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 </head> 8 <body> 9 <ul id="ul"> 10 <li id="ali">油條</li> 11 <li id="bli">包子</li> 12 <li id="cli">米餃</li> 13 <li id="dli">魚粉</li> 14 </ul> 15 <!--按鈕 onclick當點擊按鈕時，執行一段JavaScript代碼--> 16 <button onclick="gaibianyangshi()">點擊</button> 17 18 <script> 19 function gaibianyangshi(){ 20 //獲取ID為dli元素 21 var a = document.getElementById('dli'); 22 //獲取剛獲取的值 ---魚粉 23 var value = a.textContent; 24 25 //alert() 方法用於顯示帶有一條指定消息和一個 OK 按鈕的警告框 26 alert("獲取到的值是："+value); 27 28 //當你按下提示框中的"確定"時,魚粉將修改成三鮮粉 29 a.textContent="三鮮粉"; 30 31 } 32 </script> 33 </body> 34 </html>