javascript - 使用 css 选择器查找 DOM 元素的最佳方法

Question

在不使用库的情况下，使用 css 选择器查找 Dom 元素的最简单方法是什么？

function select( selector ) {
 return [ /* some magic here please :) */ ]
};

select('body')[0] // body;

select('.foo' ) // [div,td,div,a]

select('a[rel=ajax]') // [a,a,a,a]

这个问题纯粹是学术问题。我有兴趣了解这是如何实现的以及“障碍”是什么。该函数的预期行为是什么？ (返回数组，或返回第一个Dom元素等)。

Answer 1

除了自定义 hack 之外，在最近的浏览器中，您还可以使用 W3C Selectors API Level 1 中定义的 native 方法。 ，即document.querySelector()和 document.querySelectorAll() :

var cells = document.querySelectorAll("#score > tbody > tr > td:nth-of-type(2)");