javascript - 我需要创建一个 JavaScript 函数，在给定不带 jquery 的 CSS 选择器的情况下返回 DOM 元素

Question

HTML

我目前使用的 JavaScript

 var $= function(selector){
 var elements = [];
if (selector == "#some_id"){
  elements.push( document.getElementById("some_id"));
}else if (selector == '.some_class'){
  elements= document.getElementsByClassName("some_class");
} else if (selector == "div"){
  elements = document.getElementsByTagName("div");
}else if (selector == "img"){
  elements.push(document.getElementsByTagName("img"));
}
console.log(elements);
return elements;
};

获取嵌套选择器时遇到问题，例如:("img.some_class") 和 ("div.some_class#some_id")

Answer 1

您是否尝试过 querySelector 或 querySelectorAll？

这里有两个简单的例子:

var el = document.querySelector(".myclass");
var matches = document.querySelectorAll("div.note, div.alert");

更多信息请看这里: https://developer.mozilla.org/en-US/docs/Web/API/document.querySelectorAll

一个非常简单的jQuery选择器模拟:

$ = function (selector) {
  return document.querySelectorAll(selector);
}