没有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 相关文章推荐
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
javascript之典型高阶函数应用介绍
Jan 10 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
vuex 中插件的编写案例解析
Jun 10 Javascript
详解Vue中组件传值的多重实现方式
Aug 16 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 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
索尼ICF-SW100收音机评测
2021/03/02 无线电
php学习之简单计算器实现代码
2011/06/09 PHP
php中json_decode()和json_encode()的使用方法
2012/06/04 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
PHP基本语法总结
2014/09/06 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
详解AngularJs中$resource和restfu服务端数据交互
2016/09/21 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
jQuery制作input提示内容(兼容IE8以上)
2017/07/05 jQuery
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
javascript实现日历效果
2019/06/17 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
python django集成cas验证系统
2014/07/14 Python
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
python中报错&quot;json.decoder.JSONDecodeError: Expecting value:&quot;的解决
2019/04/29 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
Python jieba库用法及实例解析
2019/11/04 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
职称评定自我鉴定
2014/03/18 职场文书
秋天的图画教学反思
2014/05/01 职场文书
小学生2014国庆节演讲稿:祖国在我心中
2014/09/21 职场文书