DOM编程之设置和获取文本框的value

JavaScript包括三大块：

ECMAScript（Js的核心语法：ES规范/ ECMA-262标准）
DOM：Document object Model（文档对象模型：对网页当中的节点进行增删改的过程。）HTML文档被当做一棵Dom树来看待。
BOM：Browser Object Model（浏览器对象模型：关闭浏览器窗口、打开一个新的浏览器窗口、后退、前进、浏览器地址栏上的地址等，都是BOM编程。）

DOM和BOM的区别和联系？

BOM的顶级对象是：window
DOM的顶级对象是：document（实际上BOM是包括Dom的）

dom和bom的关系图

在这里插入图片描述

获取文本框的value

<body>
	<script>
		window.onload = function(){
			//获取name节点
			var btnElt = document.getElementById("btn");
			btnElt.onclick = function(){
				//获取文本框的value
				alert(document.getElementById("name").value);
				//输出文本框原本的value后，修改value
				document.getElementById("name").value = "haha";
			}	
		}
	</script>
	<input type="text" id="name" />
	<input type="button" id="btn" value="获取文本框的value" />
</body>

点击按钮：
在这里插入图片描述
点击确定后：