在纯JS中选择没有父类的元素可以使用querySelectorAll
方法结合CSS选择器实现。
具体步骤如下:
document.querySelectorAll
方法选择所有的元素。:not(:has(*))
筛选出没有子元素的元素。代码示例:
const elements = document.querySelectorAll(':not(:has(*))');
这样,elements
变量将包含所有没有子元素的元素列表。
这种方法适用于不需要考虑多层嵌套的情况,如果需要选择没有子元素的特定层级元素,可以根据具体情况修改CSS选择器。例如,选择没有直接子元素的div
元素可以使用div:not(:has(> *))
。
腾讯云相关产品推荐:
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求和项目情况进行。
领取专属 10元无门槛券
手把手带您无忧上云