1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="button" value="修改內容" id="bt"/> 9 10 <p id="p1">我是一個p標簽</p> 11 <script> 12 //凡是成對的標簽,中間的文本內容,設置的時候,都是用innerText這個屬性的方式 13 14 //根據id獲取按鈕,為按鈕注冊事件,添加事件處理函數 15 document.getElementById("bt").onclick = function () { 16 //根據id獲取p標簽,設置內容 17 document.getElementById("p1").innerText = "這是一個P"; 18 }; 19 </script> 20 </body> 21 </html>
原文:http://www.cnblogs.com/cuilichao/p/9333099.html