没有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判断浏览器类型为ie6时不执行
Jun 15 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
Vue 进阶教程之v-model详解
May 06 Javascript
form表单序列化详解(推荐)
Aug 15 Javascript
Popup弹出框添加数据实现方法
Oct 27 Javascript
JS处理一些简单计算题
Feb 24 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
React实现评论的添加和删除
Oct 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
php5 图片验证码实现代码
2009/12/11 PHP
php实现常见图片格式的水印和缩略图制作(面向对象)
2016/06/15 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
浅析Vue中method与computed的区别
2018/03/06 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
vue学习之Vue-Router用法实例分析
2020/01/06 Javascript
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
Django添加sitemap的方法示例
2018/08/06 Python
python定义类的简单用法
2020/07/24 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
python模块内置属性概念及实例
2021/02/18 Python
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
C语言编程题
2015/03/09 面试题
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
关于.NET, HTML的五个问题
2012/08/29 面试题
C#笔试题集合
2013/06/21 面试题
医生见习报告范文
2014/11/03 职场文书
2015年工会工作总结
2015/03/30 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB
win10以太网连接不上怎么办?Win10连接以太网详细教程
2022/04/08 数码科技
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL