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

旧约Alatus

已于 2023-11-10 14:43:44 修改

阅读量374

点赞数 6

分类专栏：前端文章标签： javascript 前端 html react.js vue.js js node.js

于 2023-11-07 16:02:35 首次发布

本文链接：https://blog.csdn.net/2201_75960169/article/details/134269656

版权

前端专栏收录该内容

334 篇文章 2 订阅

订阅专栏

<!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>