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. spark写入ES(动态模板)

    使用es-hadoop插件,主要使用elasticsearch-spark-20_2.11-6.2.x.jar 官网:https://www.elastic.co/guide/en/elasticse ...

  2. 一个简单的页面弹窗插件 jquery.pageMsgFrame.js

    页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处: ...

  3. [转载]CENTOS 6.0 iptables 开放端口80 3306 22端口

    原文地址:6.0 iptables 开放端口80 3306 22端口">CENTOS 6.0 iptables 开放端口80 3306 22端口作者:云淡风轻 #/sbin/iptab ...

  4. Paper Reading - Convolutional Image Captioning ( CVPR 2018 )

    Link of the Paper: https://arxiv.org/abs/1711.09151 Motivation: LSTM units are complex and inherentl ...

  5. BZOJ 4815 CQOI2017 小Q的表格 欧拉函数+分块

    题目链接:https://www.lydsy.com/JudgeOnline/problem.php?id=4815 题意概述:要认真概述的话这个题就出来了... 分析: 首先分析题目,认真研究一下修 ...

  6. 找bug——加分作业

    bug1:while循环中的*des++ =*src++; 不能这么写吧... bug2:maxSize没有定义 暂时看到这么多

  7. 自学系列--git的基础简介

    上学期第一次接触git,感觉挺难的,我们都知道这个非常重要,自己对git也自学了一段时间,下面这是对自学内容的总结,拿出来和大家一块交流一下,让我们一起成长吧! 一 git简介 Git是一个开源的分布 ...

  8. Codeforces Round #367 (Div. 2) D. Vasiliy's Multiset Trie

    题目链接: http://codeforces.com/contest/706/problem/D D. Vasiliy's Multiset time limit per test:4 second ...

  9. 3ds Max学习日记(六)

      到了周六就不想再忙实验室的活了,于是玩了一下3ds max,第5和第6章每章都只有4个视频,于是就一起弄完了,什么网格建模,曲面建模啥的,nurbs啥的. 附上今日的劳动成果:   叉子(用长方体 ...

  10. Qt窗口及控件-窗口Close()自动释放

    版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:Qt-窗口Close()后自动释放空间     本文地址:http://techieliang ...