代码之家 › 专栏 › 技术社区 › user9303970

VanillaJS:如何通过输入字段的名称(dom树中的“name”)将输入元素作为目标?

javascript

user9303970 · 技术社区 · 6 年前

如何通过输入字段的名称(dom树中的“name”)、普通的javascript(es6或更高版本)来确定输入元素的目标?

我应该这样做 document.querySelector('') .我找不到办法。我只找到年纪大的 getElementsByTagName 根据我的理解,它处理的是HTML元素的名称,而不是 name (通常)的属性 input 元素本身。

ES6有可能吗 没有jquery 是吗?

2 回复 | 直到 6 年前

Jorjon 6 年前

与 querySelector 您可以使用任何CSS选择器。在你的情况下,你需要做一个 Attribute Selector .

const one = document.querySelector("input[name=one]");
const two = document.querySelector("input[name=two]");

console.log(one);
console.log(two);

<input name="one"/>
<input name="two"/>

CertainPerformance 6 年前

是的,你可以用 querySelector 以下内容:

console.log(
  document.querySelector('input[name="inputname"]').value
);

<input name="inputname" value="foo">

无需ES6支持。

当您想选择具有任何其他属性的元素时,您可以执行相同的操作,而不仅仅是 name S.

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前