没有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 相关文章推荐
Jquery取得iframe下内容的方法
Nov 18 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
JavaScript实现Fly Bird小游戏
Dec 15 Javascript
jQuery实现动态删除LI的方法
May 30 jQuery
vue2.0安装style/css loader的方法
Mar 14 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
基于html+css+js实现简易计算器代码实例
Feb 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
php中time()和mktime()方法的区别
2013/09/28 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
实现PHP搜索加分页
2016/10/12 PHP
jQuery源码分析之Event事件分析
2010/06/07 Javascript
解决js正则匹配换行问题实现代码
2012/12/10 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
使用原生javascript开发计算器实例代码
2021/02/21 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
Django model反向关联名称的方法
2018/12/15 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
Mankind西班牙男士护肤品网站:购买皮肤护理、护发和剃须
2017/04/27 全球购物
竞选大队长演讲稿
2014/04/29 职场文书
建筑投标担保书
2014/05/20 职场文书
客服专员岗位职责
2015/02/10 职场文书
应急管理工作总结2015
2015/05/04 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
go语言map与string的相互转换的实现
2021/04/07 Golang
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python
使用javascript解析二维码的三种方式
2021/11/11 Javascript