没有document.getElementByName方法


Posted in Javascript onAugust 19, 2013

首先声明的是:
document.getElementByName方法没有。document.getElementsByName得到的是标签的数组
document.getElementId得到的是某一个标签
<form name="form_write">
<input name="content" type="text">

然而可以用很浅显的方式得到如:

var fn = document.getElementsByName("form_write")[0]; //得到这个form下的对象
fn.content.value;//就直接去用这个对象取值就可以了。
document.getElementById 1、getElementById

作用:一般页面里ID是唯一的,用于准备定位一个元素
语法: document.getElementById(id)
参数:id :必选项为字符串(String)
返回值:对象; 返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 null

example:

document.getElementById("id1").value;

2、getElementsByName

作用:按元素的名称查找,返回一个同名元素的数组
语法: document.getElementsByName(name)
参数:name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序
注意:返回数组值为value属性的值,
如果某标签无value属性,当你添加上value属性并赋值后,getElementsByName也能取到其值,
当未对value属性赋值时, getElementsByName返回数组值将是undefined ,
但仍能获得相同name标签的个数document.getElementsByName(name).length
当未设置name属性时document.getElementsByName仍能使用,它将根据你id取得value属性的值

example:

document.getElementsByName("name1")[0].value; 
document.getElementsByName("name1")[1].value; 
<span id='CBylawIndexName' class='normalNode' value='all' >全部</span>" 
<span id='CBylawIndexName' class='normalNode' value='ALL' >全部</span>"

span标签其实没有name和value属性
但document.getElementsByName("CBylawIndexName")仍将取得value的值

3、getElementsByTagName

作用:按HTML标签名查询,返回一个相同标签元素的数组
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数:tagname:必选项为字符串(String),根据HTML标签检索。
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序

example:

document.getElementsByTagName("p")[0].childNodes[0].nodeValue; 
document.getElementsByTagName("p")[1].childNodes[0].nodeValue;
Javascript 相关文章推荐
jQuery学习笔记之DOM对象和jQuery对象
Dec 22 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
判断iOS、Android以及PC端的示例代码
Nov 15 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 Javascript
js中符号转意问题示例探讨
Aug 19 #Javascript
window.opener用法和用途实例介绍
Aug 19 #Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 #Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
Aug 19 #Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Aug 19 #Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 #Javascript
详解JavaScript函数绑定
Aug 18 #Javascript
You might like
Wordpress php 分页代码
2009/10/21 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
laravel实现批量更新多条记录的方法示例
2017/10/22 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
2016/09/05 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
详解jenkins自动化部署vue
2019/05/14 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
跟老齐学Python之开始真正编程
2014/09/12 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
tensorflow 环境变量设置方式
2020/02/06 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
出纳员的岗位职责
2014/02/22 职场文书
安全生产责任书
2014/03/12 职场文书
金融系应届毕业生求职信
2014/05/26 职场文书
刑事和解协议书范本
2014/11/19 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
2019最新婚庆对联集锦!
2019/07/10 职场文书