没有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操作Cookies的实现代码
Oct 09 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
JS对象与JSON格式数据相互转换
Feb 20 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
jquery实现简单文字提示效果
Dec 02 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
Sep 03 Javascript
详解Vue-Router源码分析路由实现原理
May 15 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
php+ajax实时输入自动搜索匹配的方法
2014/12/26 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
JavaScript 调试器简介
2009/02/21 Javascript
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
Python datetime和unix时间戳之间相互转换的讲解
2019/04/01 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
HTML5标签小集
2011/08/02 HTML / CSS
GWT的应用有哪两种部署模式
2012/12/21 面试题
舞蹈教育学专业推荐信
2013/11/27 职场文书
学生出入校管理制度
2014/01/16 职场文书
四风问题自查报告剖析材料
2014/02/08 职场文书
化妆品促销方案
2014/02/24 职场文书
公司募捐倡议书
2014/05/14 职场文书
法人委托书的范本格式
2014/09/11 职场文书
绵山导游词
2015/02/05 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
应届毕业生自荐信
2015/03/04 职场文书
集结号观后感
2015/06/08 职场文书
职场新人知识:如何制定一份合理的工作计划?
2019/09/11 职场文书
MySQL 服务和数据库管理
2021/11/11 MySQL
Javascript webpack动态import
2022/04/19 Javascript
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js