javascript dom getElementsByName问题？

问题描述

问 题

在使用getElementsByName过程中发现，该函数只能在document下被调用。而其它的，类似getElementsByClassName,TagName,id可以被元素使用。
var form=document.getElementsByTagName("form")[0];
var obj=form.getElementsByTagName("button")[0];//有效

var form=document.getElementsByTagName("form")[0];
//假设有个button name="btn";
var obj=form.getElementsByName("btn")[0];//无效

通过name获得对象只能是这样：document.getElementsByName("btn")[0];

百度了一下说因为getElementsByName是document的方法，但是其余的获取方式也是document对象的方法啊。为什么其他的可以而getElementsByName例外？

解决方案

谢邀~

这个getElementsByName就是document特有的方法,
并不同与题主所说的其他方法,
其他方法适用于element

而且兼容性不好.

The getElementsByName method works differently in different browsers. In IE & Opera, getElementsByName() method will also return elements that have an id attribute with the specified value. so you should be careful not to use the same string as both a name and an ID.

传送门: https://developer.mozilla.org...

这篇关于javascript dom getElementsByName问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！