zoukankan      html  css  js  c++  java
  • 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>
    

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

  • 相关阅读:
    Abp 领域事件简单实践 <一>
    Abp session和Cookie
    Abp 聚合测试
    反向代理
    Angular 变更检测
    VS 之github
    Docker 启动SQLServer
    查出第二大的数是多少
    DDD 理解
    ActionBar的简单应用
  • 原文地址:https://www.cnblogs.com/yu011/p/13610935.html
Copyright © 2011-2022 走看看