Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 getElementById、getElementsByName、getElementsByTagName的用法

getElementById、getElementsByName、getElementsByTagName的用法

发布时间:2015-03-18   编辑:www.jquerycn.cn
本文介绍下,javascript中getElementById、getElementsByName、getElementsByTagName的用法,感兴趣的朋友可以参考下。

本节内容:
getElementById、getElementsByName、getElementsByTagName

一,getElementById
作用:一般页面里ID是唯一的,用于准备定为一个元素
语法: document.getElementById(id)

参数:id :必选项为字符串(String)

返回值:对象;
返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 null

例子:
 

复制代码 代码示例:
document.getElementById("id1").value; 

二,getElementsByName
作用:按元素的名称查找,返回一个同名元素的数组
语法: document.getElementsByName(name)

参数:name :必选项为字符串(String)

返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序

例子:
 

复制代码 代码示例:
document.getElementsByName("name1")[0].value;  
document.getElementsByName("name1")[1].value; 
 

三,getElementsByTagName
作用:按HTML标签名查询,返回一个相同标签元素的数组
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等

参数:tagname:必选项为字符串(String),根据HTML标签检索。

返回值:数组对象;
如果无符合条件的对象,则返回空数组,按在页面中出现的次序

例子:

复制代码 代码示例:
document.getElementsByTagName("p")[0].childNodes[0].nodeValue;  
document.getElementsByTagName("p")[1].childNodes[0].nodeValue 

您可能感兴趣的文章:
getElementByID、getElementsByName、getElementsByTagName实例详解
getElementById、getElementsByName、getElementsByTagName的用法
JavaScript获取HTML元素的三种方法
getElementById()与getElementsByName()用法区别
JavaScript学习笔记(一) 根据类名获取元素
JS中getElementsByName()的作用
HTML DOM 访问
Document getElementsByName的用法示例
document.getElementById的用法实例解析
js遍历radio单选按钮的方法

[关闭]