无法在 Vanilla JavaScript 中选择具有父规范的类

Question

你能告诉我如何在香草 JavaScript 中完成这项工作吗？ 我可以在 jQuery 中选择它的父级具有像这样的active类的.pay-plan-price文本

 var fee = $('.plan-box.active .pay-plan-price').text();

但我需要以核心 js 格式进行相同的选择。 我试过这个

var fee = document.getElementsByClassName('.plan-box.active .pay-plan-price');
console.log(fee)

但作为回报，我得到的是HTNLCollection而不是.pay-plan-price的文本，它有父.plan-box.active

Answer 1

您可以使用document.querySelector使用与 jquery 接受的类似选择器来选择元素：

document.querySelector('.plan-box.active .pay-plan-price');

然后当然您需要从该元素中获取文本，因此还要在返回的元素上使用textContent或innerText属性。

例子：

var fee = document.querySelector('.plan-box.active .pay-plan-price').textContent;
console.log(fee);