DOM通过ID或NAME获取值

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>通过ID获取值</title>

    <script type="text/javascript">

        var getname = function () { alert( document.getElementById('name').value); }

        var getage = function () { alert(document.getElementById('age').value); }

　　　　　

　　　<script type="text/javascript">
　　　　　　function givevalue()//用来测验getElementsByTagName();
　　　　　　{
　　　　　　　　var inputs = document.getElementsByTagName("input");
　　　　　　　　　for(var i=0;i<inputs.length;i++)
　　　　　　　　　　{
　　　　　　　　　　inputs[i].value = "Nihao";
　　　　　　　　　　　　}
　　　　　　}
　　　　　　</script>

function getname1()

        {

            var txt = document.getElementById("name");

            alert(txt.value);

        }

        function getage1()

        {

            alert(document.getElementById('age').value);

        }

    </script>

    <script type="text/javascript">

        function Getelemntbyname()

        {

            var rads = document.getElementsByName("gender");

            for(var i=0;i<rads.length;i++)

            {

                var ra = rads[i];

                alert(ra.value);

            }

        }

    </script>

</head>

<body>

    <input type="text" id="name" />

    <input type="button" value="点击"onclick="getname()"/><br/>

    <input type="text" id="age" />

    <input type="button" value="点击" onclick="getage()"/>

    <input type="radio" name="gender" value="男"/>男

    <input type="radio" name="gender" value="女" />女

    <input type="radio" name="gender"value="保密" />保密

    <input type="radio" name="gender" value="变异"/>变异

    <input type="button" onclick=" Getelemntbyname()" value="click"/>

</body>

</html>

通过GetElementByID();进行操作按钮倒计时的案例

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>通过ID获取值</title>

     <script type="text/javascript">

         var TotalLefttime = 10;

         var Interval;//设置的全局变量

         function countDown()

         {

             var btnReg = document.getElementById('btnreg');

             if(btnReg)

             {

                 if(TotalLefttime<=0)

                 {

                     btnreg.value = "同意";

                     btnreg.disabled = "";

                     clearInterval(Interval);//停止继续进行这个过程

                 }

                 else

                 {

                     btnreg.value = "请仔细阅读协议，还剩" + TotalLefttime + "秒";

                     TotalLefttime--;

                 }

             }

         }

         Interval = setInterval("countDown()",1000);//启动定时器

     </script>

 </head>

 <body onload="intevent()">

    <textarea>

        阅读这里的内容。

    </textarea>

     <input type="button" id="btnreg" disabled="disabled" />

 </body>

 </html>

DOM通过ID或NAME获取值的更多相关文章

  1. jQuery通过id和name获取值的区别

    $(#'id').函数 $("input[name='name']")

  2. 6、前端--DOM操作（查找标签、节点操作、获取值操作、class操作、样式操作、绑定事件、内置参数this）

    DOM操作之查找标签 前缀关键字>>>:document # 基本查找(核心) document.getElementById 根据ID获取一个标签 document.getElem ...

  3. JavaScript Dom基础-9-Dom查找方法; 设置DOM元素的样式; innerHTML属性的应用; className属性的应用; DOM元素上添加删除获取属性;

    JavaScript Dom基础 学习目标 1.掌握基本的Dom查找方法 domcument.getElementById() Domcument.getElementBy TagName() 2.掌 ...

  4. 使用sessionStorage获取值和设置值

    <body><button id="btn1">设置值</button><button id="btn2">获取 ...

  5. 奇葩问题－TextView无法获取值

    问题场景 前几天写一个界面的时候,遇到一个非常奇葩的问题.app第一次安装的时候,这里针对用户第一次安装的时候,后来是不会出现这个问题了.我明明是对某个界面的一个textview赋值了,而且服务端也返 ...

  6. CheckBox复选框全选以及获取值

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  7. jQuery 的三种获取值的方式

    本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法.jQuery中为我 ...

  8. checkbox、全选反选，获取值

    <input id="Chk_All" onclick="CheckAll()" type="checkbox" /> < ...

  9. easyUI validatebox设置值和获取值，以及属性和方法

    一:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样[转] 1.为text-box设置值只能使用id选择器选择表单元素,只能使用textbox(" ...

随机推荐

  1. CodeForces 838B Diverging Directions 兼【20180808模拟测试】t3

    描述 给你一个图,一共有 N 个点,2*N-2 条有向边. 边目录按两部分给出 1. 开始的 n-1 条边描述了一颗以 1 号点为根的生成树,即每个点都可以由 1 号点到达. 2. 接下来的 N-1 ...

  2. [leetcode-693-Binary Number with Alternating Bits]

    Given a positive integer, check whether it has alternating bits: namely, if two adjacent bits will a ...

  3. Thunder团队第二周 - Scrum会议7

    Scrum会议7 小组名称:Thunder 项目名称:i阅app Scrum Master:杨梓瑞 工作照片: 参会成员: 王航:http://www.cnblogs.com/wangh013/ 李传 ...

  4. 算法与数据结构5.2 Bubble Sort

    ★实验任务 给定一个 1~N 的排列 P,即 1 到 N 中的每个数在 P 都只出现一次. 现在要 对排列 P 进行冒泡排序,代码如下: for (int i = 1; i <= N; ++i) ...

  5. javaIO--字节流

    流---是指的一组有序的.有气垫和重点的字节集合,是对的护具传输的总称或者抽象. 流采用缓冲区技术,当写一个数据时,系统将数据发送到缓冲区而不是外部设备(如硬盘),当读一个数据时,系统实际是从缓冲区读 ...

  6. 团队作业7——第二次项目冲刺（Beta版本)-第二篇

    1.工作分工: 团队成员 分工 郭达22120 项目整合,后台代码 刘德培44060 数据库模块 石浩洋22061 前台界面优化 曾繁钦22056 前台界面优化.测试 孙斌22030 后台代码 2.燃 ...

  7. iOS- Exception异常处理

    1.Exception 前言 在iOS里对异常的处理及捕获,并没有其它语言里那么常见,相信很多iOS程序员都知道,更多的时候是对内存的的检测与分析,检测相关内存方面的问题. 而在app闪退并不是因为内 ...

  8. 百度安卓sdk开发

    一 key问题 1 在百度地图api控制台申请key的流程主要用到了app包,开发工具的开发sha1和发布sha1值,这2个值的获取就非常关键了. 一般来说我们都是在windows上开发安卓,使用an ...

  9. jquery delayLoading.js插件的延迟加载效果和图片延迟加载

    1.首页给大家介绍一下这款插件的主要用途 主要应用于图片的延迟加载,而且可以变换不同的延迟加载效果,适合相册图片.有做相册的可以考虑应用. 2.兼容IE7以上都兼容,其他的浏览器也兼容.所以说兼容性还 ...

  10. jquery animate() stop() finish() 方法使用

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...