JavaScript DOM操作案例点击按钮修改p标签内容 

 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>

 

posted @ 2018-07-18 22:45  {颜逸}  阅读(5964)  评论(0)  编辑  收藏  举报