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() 函数 ...
随机推荐
- android 非activity如何得到布局文件 （java文件中获取布局文件）
Android中得到布局文件对象有两种方式第一种,在Activity所在类中this.getLayoutInflater().inflater(R.layout.布局文件名,null);第二种,在非A ...
- 基于 EntityFramework 的数据库主从读写分离
现在刚开始来研究EntityFramwork,起初是在vs2012中通过工具来创建EF ,但是对我这种不熟悉菜鸟来说 有很多业务用EF做出来还是有点难度的,今天来手动搭建一个EF框架,大神勿喷
- Js获取图片原始宽高
如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(im ...
- HBase的伪分布式安装（原创）
准备工作: 1)安装了伪分布式hadoop:参照http://blog.csdn.net/zolalad/article/details/11472207 2)修改已安装好的hadoop配置文件: a ...
- Redis配置文件参数说明
Redis配置文件参数说明 1. Redis默认不是以守护进程的方式运行,可以通过该配置项修改,使用yes启用守护进程 daemonize no 2. 当Redis以守护进程方式运行时,Redis ...
- 以练代学之shell入门(一)
5年前的时候,开始接触linux操作系统,接触的第一步就是学习shell脚本.用小脚本以连代学入了门. 1) 9*9乘法输出 2) 检验主机的服务是否启动 3) 冒泡排序 4) 备份当时team服务器 ...
- sasscore22
1.setting 如果不需要支持ie6,7,请在引入setting文件之前,设置$lte7:false;. $lte7: true !default 表示的是是否兼容it6/7 2.css3 是一 ...
- HP_UX系统批量创建LV或raw设备的Shell 脚本
mkdir /dev/yjfsvg02 #创建lvm v2.0的VG,PE Size=64MB,不需要执行mknod创建group文件了.vgcreate -V 2.0 -s 64 -S 10t /d ...
- python+selenium简易自动化框架，包含生成测试报告以及发送结果至Email
Selenium+python环境搭建见虫师的pdf文档,非常详尽 简易框架: 1.文件目录:
- 使用ping钥匙临时开启SSH:22端口，实现远程安全SSH登录管理就这么简单
设置防火墙策略时,关于SSH:22访问权限,我们常常会设置服务器只接受某个固定IP(如公司IP)访问,但是当我们出差或在家情况需要登录服务器怎么办呢? 常用两种解决方案:1.通过VPN操作登录主机: ...