http://www.itjxue.com  1970-01-01 08:00  来源:  点击次数: 

js getElementsByName操作所有name相同的元素

实现的方法和详细的操作步骤如下:

1、第一步,创建一个新的html文档,在body标签中添加一些输入标签,并设置这些标签的名称值,如下图所示,然后进入下一步。

2、其次,完成上述步骤后,添加脚本标签,使用getElementsByName获取具有指定名称值的标签,然后将返回的数组分配给变量,如下图所示,然后进入下一步。

3、最后,完成上述步骤后,使用for循环,循环从0开始,循环数是数组的长度,以便可以操作具有相同名称值的所有元素,如下图所示。这样,问题就解决了。

谁来说说getElementsByName详细用法,IE下能解析的

这是document对象的常用方法

1、getElementById() 返回对拥有指定ID的第一个对象的引用,要求id是唯一的

2、getElementsByName() 返回带有指定名称的对象的集合,用于访问一组相同name属性的元素,如具有相同name属性的单选按钮,复选框等

3、getElementsByTagName() 返回带有指定标签名的对象的集合,用于访问一组相同的元素,如一组input

希望对你·有所帮助

求教 document.getElementById 的用法

1、getElementById

作用:一般页面里ID是唯一的,用于准备定为一个元素

语法: document.getElementById(id)

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

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

example:

document.getElementById("id1").value;

2、getElementsByName

作用:按元素的名称查找,返回一个同名元素的数组

语法: document.getElementsByName(name)

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

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

example:

document.getElementsByName("name1")[0].value;

document.getElementsByName("name1")[1].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

(责任编辑:IT教学网)

更多
上一篇:没有了

推荐Dreamweaver教程文章