javascript - Javascript:同时获取其类名和类型的输入

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

<span class="inputClass">
   <input type="checkbox"/>
<span>

我想看看是否使用其类名选择了该输入。我无法为其指定ID，因为我们无法访问此源代码。

最佳答案

使用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>