JavaScript---表单元素的属性操作

利用DOM可以操作表单元素的属性:

type,value,checked,disabled,selected

举个栗子:

更改button的value的属性

		<button type="button" id="btn">按钮</button>
		<input type="text" name="" id="text" value="输入内容" />
	</body>
	<script type="text/javascript">
		//获取元素
		var btn = document.getElementById("btn");
		var text = document.getElementById("text");

		btn.onclick = function() {
			text.value = "点击了";
		}

效果如下:

点击按钮前:

点击按钮后:

栗子2:

        如果想要某个表单被禁用  不能再点击  disabled

		<button type="button" id="btn">按钮</button>
		<input type="text" name="" id="text" value="输入内容" />
	</body>
	<script type="text/javascript">
		//获取元素
		var btn = document.getElementById("btn");
		var text = document.getElementById("text");

		btn.onclick = function() {
			// btn.disabled = true;
			//等同于
			//this  指向的是事件函数的调用者  btn
			this.disabled = true;
		}

效果如下:

点击前:

 

点击后: