如何创建位于不同div中的元素的html集合

Question

我需要创建一个包含五个输入元素的html集合，其中type = text。

html：

<div class="outerDiv">
    <label><input type="checkbox" align="middle">
        <img src="lorem.jpg" alt="img 1" class="image">
    </label>
    <div class="innerDiv">
        <label>Lorem<input type="text" value="lorem"></label>
    </div> 
</div>   

当我这样做时，我得到一个包含所有输入元素的集合，我只想要那些值为text的文本。

innerDivTag = document.getElementsByTagName("input");

当我这样做时，我会收到五个不同的收藏品，这不是我的目标。

for (i = 0; i < outerDiv.length; i++) {
  innerDivTag = innerBox[i].getElementsByTagName("input");
}

Answer 1

您可以使用querySelectorAll

document.querySelectorAll("input[type='text']");