当然，这些选择器是jQuery扩展的一些方法，那么当使用原生js时，您如何找到元素呢今天，简单地梳理一下。

DOM定义了各种查找元素的方法，除了我们常见的getElementById（），以及相对应的（）和（）getelementsbyname。使用这些方法，我们可以发现在HTML文档的任何HTML元素。

GetElementById（）
首先，看看getElementById（）。这个方法很简单。它只需要在参数中插入HTML标记的id属性值，因为HTML页面中的ID是惟一的，因此该方法返回单个元素对象：
复制代码代码如下所示：
跨标签

VaR OSPAN = document.getelementbyid（'span1 '）； / /找到了SPAN元素
警报（OSPAN .innerHTML）； / /跨在弹出的标签内容


GetElementsByTagName（）
相对应的（）的参数需要进口，这是一个HTML标签名称。它返回HTML文档中的所有匹配元素列表。这个列表具有部分数组的特性，因此也称为类数组，当我们想操作某个特定元素时，可以使用数组索引或项（）来实现，例如：
复制代码代码如下所示：

无功odiv = document.getelementsbytagname（'div '）； / /所有div元素的查找，返回一个列表的元素
特定元素的操作
警报（odiv { 0 }。innerHTML） / /第一弹出div的内容
警报（odiv.item（1）.innerHTML） / /流行二div的内容


当然，我们也可以通过长度属性循环遍历节点：
复制代码代码如下所示：

无功odiv = document.getelementsbytagname（'div）；
对于（var i = 0；i < odiv.length；i++）{
做某事
}


GetElementsByName（）
GetElementsByName（）通常是用于查找表单元素，和HTML标签的name属性的值引入参数。由于文件多HTML标签的名称值可能相同（如单选按钮），因此该方法返回一个列表的元素。具体的操作方法是类似的，getElementsByTagName（），它不在这里描述。
复制代码代码如下所示：

VaR资讯= document.getelementsbyname（'城市'）； / /找到城市元素的名称值
警报（OIPT { 0 }。值）；
警报（oipt.item（1）。值）；


GetByClass（）
虽然上述方法已经能够满足一般的需求，但是为了更方便地访问元素节点，我们通常封装了一种通过类来查找元素的方法：
复制代码代码如下所示：

* / / * * getbyclass
功能getbyclass（oparent，sclass）{
VaR的欧洲自由贸易联盟= oparent.getelementsbytagname（*）；
var = new RegExp（'%s' B + sclass + '%s' B）；
VaR结果= { }；
对于（var i = 0；i < aele.length；i++）{
如果（re.test（欧洲自由贸易联盟{我}。className））{
AResult.push（欧洲自由贸易联盟{我}）；
}
}
返回的结果；
}


的getbyclass需要传递两个参数，其中oparent是参考节点，在oparent节点查找元素，和课堂上是元素类被发现的价值。通过循环，HTML标签oparent类值与输入sclass值比较。如果条件得到满足，它将存储在数组中的结果，最后返回数组。

除了常规的，但不直接与欧洲自由贸易联盟{我}。类名= sclass，标签的类价值是避免多，匹配失败的情况。