利用dom可以操作以下表单元素的属性:
- type
- value
- checked
- selected
- disabled
注意:innerHTML是对普通盒子,比如div标签里的内容起作用;
而表单里面的值,也就是文字内容是通过value来修改的。
如果想要某个表单被禁用,无法点击,将disabled的值等于true就可以了,false则解除禁用。
<button>点我</button>
<input type="text" name="" id="">
<script>
var btn = document.querySelector("button");
var text = document.querySelector("input");
btn.onclick = function(){
text.value = "我出现了~";
// btn.disabled = true;
this.disabled = true; // 这里也可以使用this
}
</script>
this指向的是事件函数的调用者,因为是btn调用的函数,所以this指向的就是btn。