没有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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
Dec 15 Javascript
基于jquery的blockui插件显示弹出层
Apr 14 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
vue使用nprogress实现进度条
Dec 09 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 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 mcrypt可逆加密算法分析
2011/07/19 PHP
php分割合并两个字符串的函数实例
2015/06/19 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
vue实现组件之间传值功能示例
2018/07/13 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
2018/09/28 Javascript
Vue监听页面刷新和关闭功能
2019/06/20 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
[01:56]无止竞 再出发——中国军团出征2017年DOTA2国际邀请赛
2017/07/05 DOTA
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
使用Django开发简单接口实现文章增删改查
2019/05/09 Python
利用python开发app实战的方法
2019/07/09 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
Python pathlib模块使用方法及实例解析
2020/10/05 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
材料加工硕士生求职信
2013/10/10 职场文书
后天观后感
2015/06/08 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
MYSQL常用函数介绍
2022/05/05 MySQL