Elem.querySelector 的直接 child

Elem.querySelector's immediate child

我希望得到一个元素的直接 child,假设 child 应该有 class center。我发现它不是这样工作的:elem.querySelector('>.center'),然而,它是这样工作的:elem.querySelector('div>.center')。但我不想将当前元素类型限制为div。那么有什么方法可以让我立即获得 .center child 而不管 parent 是什么?

您可以使用通用选择器 * 通过 class .center 获得直接子元素,而不考虑父元素。

elem.querySelector('* > .center')