Javascript：同时通过其类名和类型获取输入

Question

无论如何，我可以通过其类名获得输入吗？例如，我在下面有这个 html 代码：

<span class="inputClass">

   <input type="checkbox"/>

<span>

我想看看是否使用其类名选择了该输入。我没有办法给它一个 ID，因为我们无权访问这个源代码。

Answer 1

使用document.querySelector('.inputClass > input[type="checkbox"]').const inputEle = document.querySelector('.inputClass > input');console.log('isChecked: ', inputEle.checked);inputEle.addEventListener('change', function() {&nbsp; &nbsp; console.log(this.checked);});<span class="inputClass">&nbsp; &nbsp; <input type="checkbox"/><span>

Answer 2

您可以从父类的子类中选择输入.inputClass > input[type=checkbox]下面是工作片段。console.log(document.querySelector('.inputClass > input[type=checkbox]').checked)<span class="inputClass">&nbsp; &nbsp;<input type="checkbox"/><span>