JS的DOM编程(获取文本框内容) 

补：
	1.JavaScript包括三大块：
		ECMAScript：JS的核心语法(ES规范 / ECMA-262标准)
		DOM：Document Object Model(文档对象模型：对网页中的节点进行增删改的过程)HTML文档被当作一棵树来看待
			 var demo=document.getElementById("id");
		BOM：Browser Objecgt Model(浏览器对象模型：)
			 关闭浏览器窗口、打开一个新的浏览器窗口、后退、前进、浏览器地址栏上的地址等，都是BOM编程
	2.BOM和DOM的区别和联系
		BOM的顶级对象是：window
		DOM的顶级对象是：document
		实际上BOM是包括DOM的！

设置和获取文本框
	1.获取文本框内容
		<body>
			<input type="text" id="username"/>
			<input type="button" value="获取文本框内容" id="btn"/>
			<script type="text/javascript">
				window.onload=function(){
					var btnElt=document.getElementById("btn");
					btnElt.onclick=function(){
						var usernameElt=document.getElementById("username");
						var username=usernameElt.value
						alert(username);
					}
				}
			</script>
		</body>
	2.复制文本框内容
		<body>
			<input type="text" id="username"/>
			<br>
			<input type="text" id="username2"/>
			<br><br>
			<input type="button" value="获取文本框内容" id="btn"/>
			<input type="text" onblur="alert(this.value)"/>		//失焦事件文本获取
			<script type="text/javascript">
				window.onload=function(){
					var btnElt=document.getElementById("btn");
					btnElt.onclick=function(){
						var usernameElt=document.getElementById("username");
						var username=usernameElt.value
						var usernameElt2=document.getElementById("username2");
						usernameElt2.value=username;
					}
				}
			</script>
		</body>

　　

posted @ 2021-11-12 19:06  石乐智先生  阅读(485)  评论(0)    收藏  举报