javascript - 如何使用querySelector选择元素？

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]);

...即使错误的语法([ 而不是 ())已被纠正。