JavaScript DOM操作案例点击按钮修改value跟type属性值
1 <!DOCTYPE html>
2 <html >
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <input type="button" value="修改value" />
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>