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>
    

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

  • 相关阅读:
    Python select示例
    Python paramiko
    Python SQLAlchemy之多对多
    Python SQLAlchemy
    Python 上下文关系
    Python rabbitmq
    Python mysql
    使用Word 2013向cnblog发布博文
    jquery lazyload延迟加载技术的实现原理分析_jquery
    jquery-懒加载技术(简称lazyload)
  • 原文地址:https://www.cnblogs.com/yu011/p/13610935.html
Copyright © 2011-2022 走看看