Question

我是编程新手，我想选择文本类型和名称为“ somename”的输入元素。

下面是html代码，

<div id="root" class="outer-div">
    <div class="settings input-div active layout final">
        <form>
            <div class="form-div"></div>
            <div class="input-with-actions">
                <input type="text" name="somename">
                <div class="actions"></div>
            </div>
        </form>
    </div>
</div>

我尝试使用，

const form = document.querySelector[forms[0]);
const input_elem = form.querySelector('input');

以上内容选择了文档上的其他输入。我想根据ID为root的div或更精确的值选择输入，以便它不会选择页面上的其他输入元素。

有人可以帮我这个忙吗？谢谢。

Answer 1

querySelector()接受一个字符串，它是针对元素的选择器，即CSS语法。

在您的情况下，听起来像您想要的：

document.querySelector('#root input[type=text][name=somename]');

始终检查错误控制台；您将遇到以下错误：

const form = document.querySelector[forms[0]);

...即使纠正了错误的语法（[而不是(）。

如何使用querySelector选择元素？

1 个答案: