JavaScript利用函数设置和修改文本框的value信息-----JavaScript

红太狼 2024-02-19 09:27 83阅读 0赞

>     <!DOCTYPE html>
>     
>     <html lang="en" id="myHtml">
>     	<head>
>     		
>     		<meta charset="UTF-8">
>     		<meta name="viewport" content="width=device-width, initial-scale=1.0">
>     		<title>HtmlAll</title>
>     	</head>
>     	<body>
>     		
>     		
>     		
>     		<script type="text/javascript">
>     			window.onload = function()
>     			{
>     				//通过浏览器窗体获取了html元素
>     				document.getElementById("btn").onclick = function()
>     				{
>     					alert(btn);
>     				}
>     				document.getElementById("get").onclick = function()
>     				{
>     					alert(document.getElementById("txt").value);
>     					document.getElementById("nwx").value = "jack";
>     				}
>     			}
>     		</script>
>     		<input type="button" id="btn" value="hello"/>
>     		<input type="text" id="txt"/>
>     		<input type="button" id="get" value="获取文本的value"/>
>     		<input type="text" id="nwx"/>
>     		<input type="text" value="哈哈哈哈哈哈哈哈哈" onblur="alert(this.value)"/>
>     	</body>
>     </html>
> 
> <!DOCTYPE html>  
>   
> <html lang="en" id="myHtml">  
> <head>  
>   
> <meta charset="UTF-8">  
> <meta name="viewport" content="width=device-width, initial-scale=1.0">  
> <title>HtmlAll</title>  
> </head>  
> <body>  
>   
>   
>   
> <script type="text/javascript">  
> window.onload = function()  
> \{  
> //通过浏览器窗体获取了html元素  
> document.getElementById("btn").onclick = function()  
> \{  
> alert(btn);  
> \}  
> document.getElementById("get").onclick = function()  
> \{  
> alert(document.getElementById("txt").value);  
> document.getElementById("nwx").value = "jack";  
> \}  
> \}  
> </script>  
> <input type="button" id="btn" value="hello"/>  
> <input type="text" id="txt"/>  
> <input type="button" id="get" value="获取文本的value"/>  
> <input type="text" id="nwx"/>  
> <input type="text" value="哈哈哈哈哈哈哈哈哈" οnblur="alert(this.value)"/>  
> </body>  
> </html>