JavaScript选取对象的方法
坑军之王
165
在对网页上的对象进行选择的时候，我们经常利用document对象的getElementBy……方法进行元素的选取。然而有的时候在选取的时候总是存在一些问题：我东西没选上，选的东西不是我想要的东西。在下面将简单的对这些方法进行一个简单的对比。
| 方法 | 说明 | 输入值 | 返回值 |
| getElementById() | 根据选定的字符串找出对应id的元素 | 想要寻找的Id 字符串 | 返回匹配的DOM元素对象，如果没有找到的话返回null |
| getElementsByTagName() | 根据tag名获取给定标签元素的集合（数组） | 需要找的元素标签名 字符串 | 返回匹配的元素组合而成的数组 |
| getElementsByTagNameNS() | 根据命名控件URL和元素名称返回对应元组组成的数组 | 查询元素的命名空间URL（字符串）和查询元素的名称（字符串） | 返回指定元素的集合组合而成的数组 |
| getElementsByClassName() | 根据指定的类名寻找元素 | 想要寻找的class名（字符串） | 符合条件的元素的集合（数组） |
| getElementsByName() | 根据指定name的值返回节点集合 | 想要寻找的name值(字符串) | 符合条件的元素的集合(数组) |
上面部分方法的返回值是数组，而获取想要的对象就需要从数组中取值，取值的方法可以将上述方法取到的值赋值给一个变量。然后 变量名[想要找的元素对应的索引] 即可取到对象