如何使用 querySelector 来 select 元素？

Question

我是编程新手，我想 select 输入文本类型元素并命名为“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');

以上选择文档上的其他输入。 我想 select 输入基于具有 id root 或更准确的 div 的输入，这样它不会 select 页面上的其他输入元素。

有人可以帮我解决这个问题。 谢谢。

Answer 1

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

就您而言，听起来您想要：

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

始终检查错误控制台； 你会得到一个错误：

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

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