当一个页面中含有多个标签时,如何查找出你想要的标签元素,更多的时候我们会想到用到:
id选择器:document.getElementById()
元素选择器:document..getElementsByName()
标签选择器:document.getElementsByTagName()
类名选择器:getElementsByClassName()
或者更多的喜欢用:querySelector()、querySelectorAll() 来查询,但是如果忽然有人告诉我们说,除了以上方法,你能手写一个类似于这样的简单选择器的时候,你应该如何回答呢!
假如现在有以上元素需要你去分类查询,方法如下
但结果真的是这样嘛??肯定不是的,这样确实是能查询到class 为 one的元素,但是马上你就会发现,页面上class中含有one的不止一个,而是有三个,但为什么他只会显示一个呢??原来是因为当查询的元素中含有多个属性值时,上述方法就不能查询到包含我们所要查询的元素,也就是说,上面这种方法只能查元素中只含有一种属性的元素!
那下面我们对他进行改造,其实我们会发现只有class中会含有多个属性值,所以可以从这方面下手
上面就是完整方法了,你会发现就可以查询到class中所有含有one的元素了
当然这里只是做了一个对class的筛选,可能在以后的查询中还会遇见其他需要判断的元素,那就希望大家能举一反三了!