没有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 相关文章推荐
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
Dec 25 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
Jan 07 Javascript
JavaScript表达式:URL 协议介绍
Mar 10 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
javascript中活灵活现的Array对象详解
Nov 30 Javascript
angular ng-click防止重复提交实例
Jun 16 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
Jul 20 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
JavaScript实现点击图片换背景
Nov 20 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
Oracle 常见问题解答
2006/10/09 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP将字符串首字母大小写转换的实例
2017/01/21 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
大家未必知道的Js技巧收藏
2008/04/07 Javascript
Javascript中的isNaN函数使用说明
2011/11/10 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
2012/11/20 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
node.js利用redis数据库缓存数据的方法
2017/03/01 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
Python struct模块解析
2014/06/12 Python
python制作简单五子棋游戏
2019/06/18 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
Infababy英国:婴儿推车、Travel System婴儿车和婴儿汽车座椅销售
2018/05/23 全球购物
应用英语专业自荐信
2014/01/26 职场文书
销售经理岗位职责
2014/03/16 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
教师先进工作者事迹材料
2014/05/01 职场文书
应急处置方案
2014/06/16 职场文书
学校标语大全
2014/06/19 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
死亡诗社观后感
2015/06/05 职场文书
安全教育片观后感
2015/06/17 职场文书
自荐信大全
2019/03/21 职场文书