没有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 克隆数组最简单的方法
Feb 12 Javascript
javascript 快速排序函数代码
May 30 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
Jquery实现自定义弹窗示例
Mar 12 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
Aug 10 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
JS求解两数之和算法详解
Apr 28 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
在普通HTTP上安全地传输密码
2007/07/21 PHP
PHP array操作10个小技巧分享
2011/06/23 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
Prototype使用指南之range.js
2007/01/10 Javascript
JS支持带x身份证号码验证函数
2008/08/10 Javascript
javascript入门基础之私有变量
2010/02/23 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
横向对比分析Python解析XML的四种方式
2016/03/30 Python
Python判断有效的数独算法示例
2019/02/23 Python
美国电视购物:QVC
2017/02/06 全球购物
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
JDO的含义
2012/11/17 面试题
妇女干部培训方案
2014/05/12 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
python库sklearn常用操作
2021/08/23 Python
python分分钟绘制精美地图海报
2022/02/15 Python