介绍

使用原生js获取html元素，有几种情况：

• 什么也没有

• 获取到单个元素

• 获取到多个元素

基础

getElementById

document.getElementById()：返回对拥有指定 id 的第一个对象的引用。

示例：

document.getElementById("a1")

a1为某元素的id属性值。返回一个元素。
如果有1个或多个元素的id属性值匹配，则返回第一个元素。
如果没有元素的id属性值匹配，则返回null。

getElementsByName

document.getElementsByName()：返回带有指定名称的对象集合。

示例：

document.getElementsByName("a1")

a1为某元素的class属性值。返回一个集合元素，HTMLCollection类型,大小为匹配的元素个数。
没有匹配时，大小为0.

getElementsByTagName

document.getElementsByTagName()：返回带有指定标签名的对象集合。

getElementsByClassName

document.getElementsByClassName()：返回文档中所有指定类名的元素集合，作为 NodeList 对象。