原生js操作表单元素的属性

<input id="disabledBtn" type="button" value="禁用input">
<input id="textInput" type="text" value="">
<input id="changeValue" type="button" value="点我改变input值">

<script>
	// value  type  disabled checked selected
	// 点击按钮禁用input 点击另一个按钮 改变input的值
	var disabledBtn = document.getElementById('disabledBtn');
	var textInput =  document.getElementById('textInput');
	var changeValue =  document.getElementById('changeValue');
	// console.log(textInput.disabled);  // true  当HTML中标签的属性只有一个值的时候，DOM中对应的元素的属性值为布尔型
	disabledBtn.onclick = function () {
		textInput.disabled = true;
	}
	changeValue.onclick = function () {
		textInput.value = 'hello world';
	}
	</script>

初始状态：

点击“禁用input”：

点击“点我改变input值”：