JavaScript DOM操作案例点击按钮修改value跟type属性值
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="修改value" id="bt"/> 9 <script> 10 //通过id获取按钮元素,注册点击事件,添加事件处理函数 11 document.getElementById("bt").onclick = function() { 12 //修改自身的value的值(修改自身的值可用this) 13 this.value = "修改后的value"; 14 //修改自身的type属性 15 this.type = "text"; 16 }; 17 </script> 18 </body> 19 </html>
