通过类名获取 html 输入值 - Javascript

在 Javascript 中，我们可以通过类名获取 HTML 元素的值。这个过程包含以下几个步骤：

1. 使用 document.getElementsByClassName() 函数获取 HTML 中指定类名的元素列表。
2. 使用 element.value 获取元素的值。

下面是代码示例：

// 获取 classname 为 input 的元素列表
var inputs = document.getElementsByClassName('input');

// 遍历元素列表，输出每个元素的值
for (var i = 0; i < inputs.length; i++) {
  console.log(inputs[i].value);
}

在上面的代码中，我们使用 document.getElementsByClassName() 获取了 classname 为 input 的元素列表，通过遍历列表并调用 element.value 获取每个元素的值。

需要注意的是，document.getElementsByClassName() 函数返回的是一个动态 NodeList，而不是一个静态的数组。这意味着如果 HTML 中的元素被删除或添加，这个 NodeList 会自动更新。如果你需要一个静态的数组，可以将 NodeList 转换为数组，方法如下：

var inputs = Array.from(document.getElementsByClassName('input'));

这会将 NodeList 转换为一个静态的数组，使得在遍历期间元素的添加或删除不会影响已经存储的元素列表。

以上就是通过类名获取 HTML 输入值的方法，希望对你有所帮助。