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")
最佳答案
您是否尝试过 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);
}
关于javascript - 我需要创建一个 JavaScript 函数,在给定不带 jquery 的 CSS 选择器的情况下返回 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22339272/