没有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使用cookie
Feb 02 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
JS中操作JSON总结
Dec 06 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
javascript原型模式用法实例详解
Jun 04 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
JS实现汉字与Unicode码相互转换的方法详解
Apr 28 Javascript
node.js学习之断言assert的使用示例
Sep 28 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
微信小程序页面间传值与页面取值操作实例分析
Apr 30 Javascript
Node.js API详解之 util模块用法实例分析
May 09 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下载文件的代码示例
2012/06/29 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
JavaScript 编程引入命名空间的方法与代码
2007/08/13 Javascript
jquery中的$(document).ready()与window.onload的区别
2009/11/18 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
jQuery子选择器与可见性选择器实例分析
2019/06/28 jQuery
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
浅谈MySQL中的触发器
2015/05/05 Python
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
医药营销专业个人自荐信
2013/09/29 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
岗位说明书标准范本
2014/07/30 职场文书
物理课外活动总结
2014/08/27 职场文书
2014年护理部工作总结
2014/11/14 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python