DOM通过ID或NAME获取值
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获取值的更多相关文章
- jQuery通过id和name获取值的区别
$(#'id').函数 $("input[name='name']")
- 6、前端--DOM操作(查找标签、节点操作、获取值操作、class操作、样式操作、绑定事件、内置参数this)
DOM操作之查找标签 前缀关键字>>>:document # 基本查找(核心) document.getElementById 根据ID获取一个标签 document.getElem ...
- JavaScript Dom基础-9-Dom查找方法; 设置DOM元素的样式; innerHTML属性的应用; className属性的应用; DOM元素上添加删除获取属性;
JavaScript Dom基础 学习目标 1.掌握基本的Dom查找方法 domcument.getElementById() Domcument.getElementBy TagName() 2.掌 ...
- 使用sessionStorage获取值和设置值
<body><button id="btn1">设置值</button><button id="btn2">获取 ...
- 奇葩问题-TextView无法获取值
问题场景 前几天写一个界面的时候,遇到一个非常奇葩的问题.app第一次安装的时候,这里针对用户第一次安装的时候,后来是不会出现这个问题了.我明明是对某个界面的一个textview赋值了,而且服务端也返 ...
- CheckBox复选框全选以及获取值
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- jQuery 的三种获取值的方式
本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法.jQuery中为我 ...
- checkbox、全选反选,获取值
<input id="Chk_All" onclick="CheckAll()" type="checkbox" /> < ...
- easyUI validatebox设置值和获取值,以及属性和方法
一:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样[转] 1.为text-box设置值只能使用id选择器选择表单元素,只能使用textbox(" ...
随机推荐
- spark写入ES(动态模板)
使用es-hadoop插件,主要使用elasticsearch-spark-20_2.11-6.2.x.jar 官网:https://www.elastic.co/guide/en/elasticse ...
- 一个简单的页面弹窗插件 jquery.pageMsgFrame.js
页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处: ...
- [转载]CENTOS 6.0 iptables 开放端口80 3306 22端口
原文地址:6.0 iptables 开放端口80 3306 22端口">CENTOS 6.0 iptables 开放端口80 3306 22端口作者:云淡风轻 #/sbin/iptab ...
- Paper Reading - Convolutional Image Captioning ( CVPR 2018 )
Link of the Paper: https://arxiv.org/abs/1711.09151 Motivation: LSTM units are complex and inherentl ...
- BZOJ 4815 CQOI2017 小Q的表格 欧拉函数+分块
题目链接:https://www.lydsy.com/JudgeOnline/problem.php?id=4815 题意概述:要认真概述的话这个题就出来了... 分析: 首先分析题目,认真研究一下修 ...
- 找bug——加分作业
bug1:while循环中的*des++ =*src++; 不能这么写吧... bug2:maxSize没有定义 暂时看到这么多
- 自学系列--git的基础简介
上学期第一次接触git,感觉挺难的,我们都知道这个非常重要,自己对git也自学了一段时间,下面这是对自学内容的总结,拿出来和大家一块交流一下,让我们一起成长吧! 一 git简介 Git是一个开源的分布 ...
- 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 ...
- 3ds Max学习日记(六)
到了周六就不想再忙实验室的活了,于是玩了一下3ds max,第5和第6章每章都只有4个视频,于是就一起弄完了,什么网格建模,曲面建模啥的,nurbs啥的. 附上今日的劳动成果: 叉子(用长方体 ...
- Qt窗口及控件-窗口Close()自动释放
版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:Qt-窗口Close()后自动释放空间 本文地址:http://techieliang ...