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