手动实现一个简单元素选择器！

当一个页面中含有多个标签时，如何查找出你想要的标签元素，更多的时候我们会想到用到：

id选择器：document.getElementById()

元素选择器：document..getElementsByName()

标签选择器：document.getElementsByTagName()

类名选择器：getElementsByClassName()

或者更多的喜欢用：querySelector()、querySelectorAll() 来查询，但是如果忽然有人告诉我们说，除了以上方法，你能手写一个类似于这样的简单选择器的时候，你应该如何回答呢！

假如现在有以上元素需要你去分类查询，方法如下

但结果真的是这样嘛？？肯定不是的，这样确实是能查询到class 为 one的元素，但是马上你就会发现，页面上class中含有one的不止一个，而是有三个，但为什么他只会显示一个呢？？原来是因为当查询的元素中含有多个属性值时，上述方法就不能查询到包含我们所要查询的元素，也就是说，上面这种方法只能查元素中只含有一种属性的元素！

那下面我们对他进行改造，其实我们会发现只有class中会含有多个属性值，所以可以从这方面下手

上面就是完整方法了，你会发现就可以查询到class中所有含有one的元素了

当然这里只是做了一个对class的筛选，可能在以后的查询中还会遇见其他需要判断的元素，那就希望大家能举一反三了！