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>
JavaScript DOM操作案例点击按钮修改p标签内容
猜你喜欢
转载自www.cnblogs.com/cuilichao/p/9333099.html
今日推荐
周排行