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() {

    console.log(this.checked);

});

<span class="inputClass">

    <input type="checkbox"/>

<span>

Answer 2

您可以从父类的子类中选择输入

.inputClass > input[type=checkbox]

下面是工作片段。

console.log(document.querySelector('.inputClass > input[type=checkbox]').checked)

<span class="inputClass">

   <input type="checkbox"/>

<span>