getElementByName()和getElementById的区别
因为在属性中，id时唯一的，getElementById取出的是一个元素
但是可以出现相同的name，取到的是一个Array ，getElementsByName取出的是数组
记录代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>区分ByName和ById</title>
<style type="text/css">
body {
text-align: center;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<b>1.通过document.getElementByName()来取值</b><br/>
年龄：
<input type="text" name="age1" />
<br/>
检测：
<input type="button" onClick="myByName()" value="点我"/>
<script>
function myByName(){
var age1=document.getElementsByName("age1")[0].value;
alert(age1);
if(age1<=18){
alert("小于18岁");
}else{
alert("年龄大于18岁了");
}
} function myById(){
var age=document.getElementById("age").value;
alert(age);
if(age<=18){
alert("小于18岁");
}
else{
alert("年龄大于18岁了");
}
}
</script>
<br/>
<b>2.通过document.getElementById()来取值</b><br/>
年龄：
<input id="age" type="text" />
<br/>
检测：
<input type="button" onclick="myById()" value="点我"/>
<br/>
</body>
</html>
getElementByName()和getElementById的区别的更多相关文章
- document.getElementById()与 $()区别
document.getElementById()返回的是DOM对象,而$()返回的是jQuery对象 什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象.jQuery对象 ...
- $()和getElementById()的区别
jQuery的成功多归功于其强大的选择器. 然而,相信不少初学jQuery的同学都会遇到下面的问题. 在javascript下,我们可以根据getElementById()来获取页面元素.如下: va ...
- document.write与document.getElementById的区别
document.write改变的是整个HTML页面(文档),document.getElementById("demo").innerHTML= 改变的是局部属性
- js 原生 document.querySelectorAll document.getElementsByTagName document.querySelector document.getElementById的区别
1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null. 2.querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组). ...
- JavaScript中querySelector()和getElementById()（getXXXByXX）的区别
在日常开发中,使用JavaScript获取元素的时候,最常用的方法就是document.getElementById(getXXXByXX)方法.但是最近发现有很多地方使用的是querySelecto ...
- javascript常识
substring和substr的区别 substring() 方法用于提取字符串中介于两个指定下标之间的字符. stringObject.substring(start,stop)例子: <s ...
- DOM_节点层次_Document类型
一.Document类型 nodeType: 9; nodeName: "#document"; nodeValue: null; parentValue: null; owner ...
- Jquery(一) 初识Jquery，简单使用Jquery。
距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和boots ...
- DOM 对象
DOM == document object model document 对象是唯一同时属于 BOM 和 DOM 的 rows 是一种DOM集合,不是数组,所以没有sort() 函数 ...
随机推荐
- Jquery day01
day01: 基础--选择器.属性和CSS.文档处理 day02: 高级--筛选.事件.效果.ajax jQuery介绍 JS类库 JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用 ...
- ATL中窗口句柄与窗口过程的关联方法
ATL中采用了一种动态生成机器指令的方式进行窗口句柄与窗口对象进行关联,以是详细分析: CWindowImpl会在第一次调用Create时注册窗口类,该窗口类是的信息是在CWindowImpl的子类中 ...
- 一个解决adb5037端口被绑定问题的小程序-以管理员身份运行
@echo start adb... @rem 获取绑定的进程id输出到一个临时文件 @call netstat -ano |findstr " |findstr "LISTENI ...
- 5、SQL Server数据库、T-SQL
SQL Server数据库基础 一.安装SQL Server数据库 setup.exe->安装->全新SQL Server独立安装或向现有安装添加功能->输入序列号->下一步- ...
- Set,List,Map,Vector,ArrayList的区别(转)
JAVA的容器---List,Map,Set Collection ├List │├LinkedList │├ArrayList │└Vector │ └Stack └Set Map ├Hashtab ...
- python包下载地址
https://pypi.python.org/pypi http://www.lfd.uci.edu/~gohlke/pythonlibs/ 当在线安装安装不了时,需要将安装包下载到本地,进行本地p ...
- centos6配置网卡
#设置开机启动和静态地址 vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 HWADDR=D8::E6::3F:CF TYPE=Ethe ...
- Ajax嵌套调用 （jquery） $.ajaxSettings.async = false;
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- 解锁scott用户及设置密码
关于Oracle 10g scott用户解锁的方法两则 解决方法一. 首先确认已经安装oracle 数据库和客户端 在客户端DOS下执行如下语句: 注意提示符号 c:\sqlplus /nolog s ...
- 如何在属性面板中增加一个属性-UI界面编辑器(XproerUI)教程
版权所有 2009-2015 荆门泽优软件有限公司 保留所有权利 产品首页:http://www.ncmem.com/apps/xproerui/index.asp 开发文档(SkinStudio): ...