没有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创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
Jan 28 Javascript
js获得当前系统日期时间的方法
May 06 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
Node.js文件编码格式的转换的方法
Apr 27 Javascript
JavaScript使用Math.random()生成简单的验证码
Jan 21 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
Feb 18 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 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
中国收音机工业发展史
2021/03/02 无线电
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
2012/10/11 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
带有定位当前位置的百度地图前端web api实例代码
2016/06/21 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
2017/07/12 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
vue回到顶部监听滚动事件详解
2019/08/02 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
js实现简单的倒计时
2021/01/28 Javascript
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
Python如何获取文件路径/目录
2020/09/22 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
英国最大的汽车交易网站:Auto Trader UK
2016/09/23 全球购物
初任培训自我鉴定
2013/10/07 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
建筑安全责任书范本
2014/07/24 职场文书
学生个人评语大全
2015/01/04 职场文书
单位同意报考证明
2015/06/17 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
《乙女游戏世界对路人角色很不友好》OP主题曲无字幕动画MV公开
2022/04/05 日漫