我是编程新手,我想选择文本类型的输入元素并命名为“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 或更准确的内容来选择输入,这样它就不会选择页面上的其他输入元素。
有人可以帮我解决这个问题吗?谢谢。
最佳答案
querySelector()
接受一个字符串,它是一个针对元素的选择器,采用 CSS 语法。
就您而言,听起来您想要:
document.querySelector('#root input[type=text][name=somename]');
经常检查错误控制台;你会得到一个错误:
const form = document.querySelector[forms[0]);
...即使错误的语法([
而不是 (
))已被纠正。
关于javascript - 如何使用querySelector选择元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58701448/