没有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 相关文章推荐
更正确的asp冒泡排序
May 24 Javascript
推荐9款炫酷的基于jquery的页面特效
Dec 07 Javascript
JavaScript框架是什么?怎样才能叫做框架?
Jul 01 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
Apr 14 Javascript
详解Node.js异步处理的各种写法
Jun 09 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 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
文件上传的实现
2006/10/09 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
php命令行写shell实例详解
2018/07/19 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
AngularJS入门教程之双向绑定详解
2016/08/18 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
python中关于日期时间处理的问答集锦
2013/03/08 Python
Python读取环境变量的方法和自定义类分享
2014/11/22 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
django之自定义软删除Model的方法
2019/08/14 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
浅析Python 多行匹配模式
2020/07/24 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
会议开场欢迎词
2014/01/15 职场文书
网页美工求职信
2014/02/15 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
办公室主任个人总结
2015/02/28 职场文书
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android