javascript中的getElementById、getElementsByName、getElementByTagName详解

getElementById、getElementsByTageName、getElementsByName的区别

1、getElementById根据指定Id得到html元素,所以只能得到唯一的html元素对象, 如：

<input type="text" id="username">

var username=document.getElementById('username');

即得到上面的id为username的input元素
2、getElementsByName根据name属性得到html标记对象的数组，因为name有多个，所以返回的是元素的数组，而不是一个元素

    <input type="text" name="sex" value="男" id="male"><input type="text" name="sex" value="女" id="female"><input type="submit" value="提交" name="sub" id="sub">

     document.getElementsByName('sex')

返回的是name为sex的两个input集合

3、getElementsByTagName为根据指定的html标签名得到元素的数组
如：

 <input type="text" id="username"><input type="password" id="password"><input type="hidden" id="hidden">

     var inputs=document.getElementsByTagName('input'); ```返回input的集合-

javascript中的getElementById、getElementsByName、getElementByTagName详解相关推荐

php中this的使用技巧,JavaScript中this关键字使用方法详解
JavaScript中this关键字使用方法详解在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...
JavaScript 中 apply 、call 的详解
apply 和 call 的区别 ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区别而已. 原文作者:林 ...
深入浅出 JavaScript 中的For循环之详解
点击上方"IT平头哥联盟",选择"置顶或者星标" 一起进步- 公众号回复[ 加群 ],与大佬们一起成长- 今天我想分享一个有关于循环筛选的知识点,也许是前端小白 ...
JavaScript中this关键字使用方法详解
在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScrip ...
javascript中window.event事件用法详解
前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对 ...
JavaScript中window.open用法实例详解
本文较为详细的分析了JavaScript中window.open用法.分享给大家供大家参考.具体如下: 复制代码代码如下: <script LANGUAGE="javascript& ...
JavaScript 中的 this 与闭包详解
JavaScript 中的 this 一.什么是 this ? 在 JavaScript 中 this 关键字一般指的是函数调用时所在的环境上下文 ,存储了环境上下文对象的内存地址 ,根据函数 ...
JavaScript中var关键字的使用详解
作用声明作用:如声明个变量. 语法 ? 1 var c = 1; 省略var在javascript中,若省略var关键字而直接赋值,那么这个变量为全局变量,哪怕是在function里定义的. ? 1 ...
bootstraptable 加载完成回调函数_牛皮了！头一次见有大佬把「JavaScript中的回调函数」详解得如此清晰明了...
前言 callback,大家都知道是回调函数的意思.但是你对这个概念应该是模模糊糊.比如Ajax,你只知道去调用返回函数,如果对callback没有理解清楚,估计你在学习Node.js后会崩溃,因为c ...
JavaScript中立即执行函数实例详解转载作者：李牧羊
javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解.这篇文章 ...

javascript中的getElementById、getElementsByName、getElementByTagName详解

javascript中的getElementById、getElementsByName、getElementByTagName详解相关推荐

最新文章

热门文章