时间戳

首页 > 解决方案 > 如何使用 javascript 根据其类型访问特定的 HTML 元素？

javascript - 如何使用 javascript 根据其类型访问特定的 HTML 元素？

问题描述

如果我有多个 html 输入标签并且我想访问那些具有“无线电”类型的标签，我该如何使用该类型来做到这一点？（不是通过 id 或名称或类）。我试过类似的东西： document.getElementsByTagName("input[type='radio']")[0];

标签： javascript

解决方案

如果要使用选择器字符串，则必须使用querySelectorAll，而不是getElementsByTagName。

如果要选择与选择器字符串匹配的所有元素，也不应立即查找数组索引 - 而是存储整个集合。

const inputs = document.querySelectoAll("input[type='radio']");

// do stuff with inputs[0], inputs[1], etc

在类似情况下，如果您有一个选择器字符串并且您只想使用匹配它的第一个元素，请使用querySelector代替querySelectorAll：

const input = document.querySelector('input.someClass');

推荐阅读